親メニューリンクからアクティブクラスを削除

Question

親メニューをクリックすると、サブメニューが表示されます。これはhereのようにうまくいきます。小さなjqueryスクリプトで制御されているアクティブなクラスもありますが、アクティブなリンクをクリックすると、アクティブな状態がまだ適用されています。たとえば、メニュー5をクリックすると、矢印が切り替わり、アクティブ状態が適用されますが、メニューを再度クリックすると、サブメニューは消えますが、アクティブ状態はまだ適用されます。ここ

は、アクティブ状態の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'); 
});