显示子菜单但隐藏其父菜单

时间:2018-04-15 13:45:40

标签: javascript jquery css

我试图揭示一个子菜单,但隐藏其主菜单,但我似乎无法让后面的链接工作。

继承人使用:

$('.menu-item-has-children').click(function() { 
  $(this).find(".sub-menu").addClass('show');
  $(this).parent().addClass('hide');
});

    $('.back').click(function() {
      $(this).parent().removeClass('show');
      $(this).parent().parent().parent().removeClass('hide');
    });

这是一个小提琴,当点击后退链接时,它似乎不会删除并添加它应该的类。

http://jsfiddle.net/ukscotth/rh2brt6m/2/

感谢。

1 个答案:

答案 0 :(得分:1)

正如您刚刚发现的那样,单击后退按钮时会触发菜单项的单击处理程序。您需要做的是停止事件冒泡回到您的菜单项..

所以试试 - >

UL

我也看到另一个问题是你真的有一些无效的标记,A标签真的不应该是A的孩子,它可以工作,但我觉得无效的标记可能会给你不同的结果在不同的浏览器上所以我建议你将<LI>标记放在另一个closest元素中,然后再做另一个父元素。或者为了使这样的事情变得更容易,我会改用 String SQL = " select name,age into #person from registry "; ps = con.createStatement(); rs= ps.executeQuery(SQL);