Jqueryクリック関数の質問

Question

私は最初にクリックするとクラスを追加し、2回目のクリックでクラスを削除し、再び.. ..それをクリックするとアクティブなことを意味するアクティブではありません。ちょうどそれのように。ここで

は私のコードです：

 
$('.sub-nav-add').css('display','none'); 
    $('.nav-add').click(function(){ 
    $('.sub-nav-add').slideToggle(200); 
    $('.box-add').addClass('sub-nav-active'); 
}); 

にはどうすればremoveClassう第2のクリック機能を追加することができますか？

Answer 1

.toggle methodをご覧ください。それはあなたが望むものとまったく同じです。

Answer 2

toggleClassを使用してください。

$('.sub-nav-add').css('display','none'); 
$('.nav-add').click(function(){ 
    $('.sub-nav-add').slideToggle(200); 
    $('.box-add').toggleClass('sub-nav-active'); 
});