裏面有無序列表的無序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(); 
    } 
});