Slide Toggle嵌套的有序列表

Question

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

1. 在JSFiddle中工作，但不在我的本地文件夹中。    - 文件Jquery.js放在文件夹“js”和src =“js / Jquery.js” *
2. 第二个菜单“标题”的滑动切换行为与第一个“标题”不完全相同。它更像是一个切换而不是一个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>

Answer 1

只需将此添加到您的CSS上即可修复。见here

ol li {
 overflow:hidden;   
}​