Question

嗨，多亏这个jsfiddle，我已经开始工作了：http://jsfiddle.net/cesarvinas/ZQWe7/18

这就是我所做的：

http://jsfiddle.net/Kp4nd/5/

你可以看到它添加了一个类和删除。

如果单击MENU 1 - 您会看到菜单1子菜单项1也处于活动状态。但是当我点击菜单1子菜单2时，子菜单1仍处于活动状态。

我已将<li><a href="#">MENU 1</a>放在<span></span>之间，这就是诀窍。但现在我的菜单没有保持活跃状态......

然后我又遇到了另一个问题。单击菜单2时，菜单1子菜单1也会激活，这应该是菜单2子菜单1。

我如何解决它需要正确的第一个孩子项目？

谢谢！

Answer 1

请参阅： Sample

$('ul li').click(function (e) {
  e.preventDefault();
  $(this).siblings().removeClass('currentParent');
  $(this).addClass('currentParent');
  $(this).find('ul li:first').addClass('currentChild').siblings().removeClass('currentChild').addClass('notSelected');
});

$('ul li ul li').click(function (e) {
  e.preventDefault();
  $(this).siblings().removeClass('currentChild').addClass('notSelected');
  $(this).removeClass('notSelected').addClass('currentChild');
  e.stopPropagation();
});

如何在单击父/子后使菜单保持可见

1 个答案: