jquery - 滑动切换嵌套有序列表

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;   
}​