导航关闭另一个列表项的onClick

时间:2012-02-21 13:10:08

标签: javascript jquery

有没有人知道我现在如何扩展该功能,以便当一个导航打开时,当用户点击打开另一个导航时,当前打开的导航会崩溃?

请找到以下代码;

http://jsfiddle.net/N7xgC/

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

您目前正在做的是使用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

答案 2 :(得分:0)

喜欢这个吗?

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

编辑:使用单击处理程序进行一些清理:

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