单击菜单上的Jquery更改类

我正在尝试更改菜单项的类，以便在单击时显示。 我已经让它工作了，当你再次点击它时它唯一没有恢复的东西。 我不确定如何在点击时删除该课程。

非常感谢所有帮助。

     .menu ul li ul li {display:none} .menu .on ul li{display:block} .menu .on ul li ul{display:none} .menu .on ul li:hover ul{display:block}    
 
 
Toggle 
 
See
 
Toggle 
 
See 
See 2
 
 
  $('li a').click(function() { $(this).parent().addClass('on').siblings().removeClass('on'); });    

Answer 1

你需要toggleClass（）

Answer 2

使用toggleClass ^{[ API Ref ]}分别打开/关闭你打开/关闭它的兄弟姐妹和它的兄弟姐妹：

 $('li a').click(function() { var parent = $(this).parent(); siblings = parent.siblings(), isOn = parent.toggleClass('on').hasClass('on'); siblings.toggleClass('on', !isOn); });