从父菜单中删除活动类链接

Question

我有一个菜单，当你点击一个父菜单时，它显示一个子菜单...这工作正常，你可以看到here。我也有一个由小jQuery脚本控制的活动类，但我的问题是，当我点击一个活动链接时，活动状态将被暂停应用。例如，如果单击菜单五，箭头切换并应用一个动作状态，但当您再次单击该菜单时，子菜单消失，但仍处于活动状态。

这里是激活状态jQuery的片段：

// create active class when menu is active 
    var selector = '.james'; 

    $(selector).on('click', function(){ 
     $(selector).removeClass('active'); 
     $(this).addClass('active'); 
    }); 

Answer 1

你需要切换active类，您还需要排除当前点击的元素移除类（时，所以它仅适用于其他菜单选项）

var selector = '.james'; 
$(selector).on('click', function(){ 
    $(selector).not(this).removeClass('active'); 
    $(this).toggleClass('active'); 
});