導航關閉onClick另一個列表項目

Question

有誰知道我現在可以如何擴展功能，以便當一個導航打開時，當用戶單擊以打開其他導航，目前打開的導航崩潰？

請找到下面的代碼;

http://jsfiddle.net/N7xgC/

Answer 1

你當前做的是切換與sub類的所有元素的顯示，因此點擊任何鏈接，將顯示所有的子菜單。相反，您希望隱藏類別sub中不屬於被點擊鏈接的同級的所有元素，然後僅切換類別爲sub的元素，即爲爲點擊該鏈接的同級。

$(document).ready(function() { 
    $('.main > li > a').click(function() { 
     var sibling = $(this).siblings('.sub'); // select the <ul> to exclude 
     $('.sub').not(sibling).hide(); // hide everything except that element 
     sibling.toggle(); // toggle that element 
    }); 
}); 

Updated jsFiddle

Answer 2

更新您的jsfiddle http://jsfiddle.net/N7xgC/6/

$(document).ready(function() 
{ 
    $('.main > li > a').click(function(event) 
    { 
     $('.main > li > ul').hide(); 
     $(this).next().show(); 
    }); 
}); 

Answer 3

喜歡這個？

http://jsfiddle.net/foxbunny/N7xgC/10/

編輯：一個清理了一下，用單一的點擊處理程序：

http://jsfiddle.net/foxbunny/N7xgC/11/