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

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

1 个答案: