Question

私は

jQuery(document).ready(function($) { 
var tab01 = "a[href*=#web-traffic]"; 
var tab02 = "a[href*=#customer]"; 
var tab03 = "a[href*=#value]"; 
var tab04 = "a[href*=#fourth]"; 
var allTabs = '#approach .approach-tabs a'; 

var content01 = "#web-traffic"; 
var content02 = "#customer"; 
var content03 = "#value"; 
var content04 = "#fourth"; 


$(tab01).addClass('active'); 
$(content01).show(); 

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

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

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

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

ときにリンクを...私は今働いていることは、私はやや困惑している、しかし、jQueryのにかなり新しいだと私はうまくコードを拾ってきた感じ（var tab ##）をクリックすると、同じ要素内の他のすべてのリンクから「アクティブ」クラスを削除したいと思います。

ご協力いただければ幸いです。ありがとうございました！

Answer 1

あなたはすべてのタブからactiveクラスを削除し、再びクリックされたタブセレクタにクラスを追加することができます。

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