导航关闭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/