滑动切换嵌套有序列表

我一直在尝试创建一个垂直菜单，其中每次按主列表项时都会显示/隐藏子项（嵌套在另一个有序列表中）。我遇到两个问题：滑动切换嵌套有序列表

在JSFiddle中工作，但不在我的本地文件夹。 - 将文件Jquery.js放置在文件夹“js”和src =“js/Jquery.js”中 *
第二个菜单“标题”的滑动切换行为与第一个“头”。它比slideToggle更像是一种切换 - 为什么是这样？

的jsfiddle：http://jsfiddle.net/chg9w/225/

<ol class="main_menu"> 
    <li class="main_item"> 
     <a href="#">Profile</a> 
    </li> 
    <ol> 
     <li class="sub_item"><a href="#">details</a></li> 
     <li class="sub_item"><a href="#">uploaded CV</a></li> 
    </ol> 

    <li class="main_item_last"><a href="#">Applied Jobs</a></li> 
    <ol>   
     <li class="sub_item"><a href="#">In-progress</a></li>  
     <li class="sub_item"><a href="#">Completed</a></li>  
    </ol> 
</ol>

来源

2012-04-03 isoo

我怀疑'ol'是'ol'的有效子元素。你确实知道这是允许你的文档类型？ – Bazzz 2012-04-03 07:06:06

我不完全确定。基本上我重用了一些无序列表中的jQuery代码，并将其改编为此。有没有更好的方法来模仿上述行为？ – isoo 2012-04-03 07:15:03

我会告诉你一个演示，让我解决你的CSS - HTML – 2012-04-03 07:16:55

只需添加这对你的CSS是固定的。见here

ol li { 
overflow:hidden; 
}

来源

2012-04-03 07:38:02 Dips

滑动切换嵌套有序列表

回答

相关问题