從父菜單中刪除活動類鏈接

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