幻灯片切换嵌套排序列表 [英] Slide Toggle nested ordered list

问题描述

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

I've been trying to create a vertical menu where the sub-items (nested in another ordered list) are shown/hidden every time the main list item is pressed. I'm running into two issues:

1. 适用于JSFiddle，但不在我的本地文件夹。
   - 将文件Jquery.js放置在文件夹js和src =js / Jquery.js中


2. 滑动切换行为第二个菜单标题与第一个标题不完全相同。它更像是一个切换，而不是slideToggle - 为什么？

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

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>

推荐答案

请参见此处

ol li {
 overflow:hidden;   
}​

这篇关于幻灯片切换嵌套排序列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！