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

我有一个菜单，当你点击一个父菜单时，它会显示一个子菜单…正如你所看到的，它工作得很好。我还有一个活动类，它由一个小jquery脚本控制，但我的问题是，当我单击一个活动链接时，活动状态仍然被应用。例如，如果单击“五号菜单”，箭头将切换并应用活动状态，但当再次单击菜单时，子菜单将消失，但活动状态仍将应用

以下是活动状态jquery代码段：

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

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

---

您需要切换

活动

类，并且在删除该类时还需要排除当前单击的元素（因此它仅适用于其他菜单选项）

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