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

Question

嗨，感谢这个 jsfiddle，我的工作正常了：http: //jsfiddle.net/cesarvinas/ZQWe7/18

这是我做的：

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

如您所见，它添加了一个类并删除了。

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

我已经把<li><a href="#">MENU 1</a>中间<span></span>和那成功了。但是现在我的菜单没有保持活跃...

然后我有另一个问题。当您单击菜单 2 时，菜单 1 子菜单 1 也处于活动状态，这应该是菜单 2 子菜单 1。

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

谢谢！

Answer 1

看到这个： 样本

$('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();
});