里面有无序列表的无序HTML列表。互相包装

Question

我得到一个我想要的样式的cms的无序列表。 它运作良好，但只适用于第一个<li id="link-18">元素。我的目标是像第一个一样将<ul>块设计为低槽。见http://jsfiddle.net/UyrdS/3/（第二和第三连杆示出了切换<ul>块不是在顶部）

如果第二连杆（2二级）被点击时，该切换新<ul>块导航旁边显示，但不像1级一个链接顶部与他的孩子元素做它<ul>

Answer 1

我放弃了。我是一个非常糟糕的询问者:) 感谢您的答案。为了您的所有花时间，向您表示敬意。这小提琴最接近我的问题。

http://jsfiddle.net/UyrdS/6/

但它不是动态的。它有一个静态宽度。这仍然是问题。

Answer 2

你可以改变你的CSS生成一个很好的子菜单

nav ul>li>ul { 
    display: none; 
    margin-left:2em; 
} 

见我认为this上http://jsfiddle.net/WrcMX/

Answer 3

的例子就是你想要什么

alllinks = $("ul>li>ul"); 
$('nav a').on('click', function(e) { 
    alllinks.hide(); //First hide all the links 
    e.preventDefault(); 
    if ($(this).parent().children('ul').size() > 0) { 
     $(this).parent().children('ul').toggle(); 
    } 
});