存在する場合はremoveClass（）

Question

このボタンをクリックすると、ボタンにrotatedクラスが追加されます。ボタンには、パネルがスライドした方向を指す矢印があります。

ボタンを再度クリックしたときに回転したクラスを削除するにはどうすればよいですか？

$("#btnDiv").click(function(){ 
    $('#slidePanel').toggle("slide",{direction: 'right'}); 
    $('#btnDiv').addClass('rotated'); 
}); 

このようなものがありますか？

if('rotated'){ 
    removeClass('rotated') 
}else{ 
    addClass('rotated') 
} 

Answer 1

あなたはそれが存在だ場合、それを、それが欠けている場合は、それを追加し、削除し.toggleClass()

$('#btnDiv').toggleClass('rotated'); 

を使用することができます。 .is()はそのようなことを確認するためにもあります：

単に

if ($('#btnDiv').is('.rotated')) 

以上：

if ($('#btnDiv').hasClass('rotated')) 

Answer 2

ちょうどそれをacheiveする.toggleClass()を使用しています。

Answer 3

この

if($('#btnDiv').hasClass('rotated')){ 
    $('#btnDiv').removeClass('rotated') 
}else{ 
    $('#btnDiv').addClass('rotated') 
} 

Answer 4

if($('#btnDiv').hasClass('rotated')){ 
    $('#btnDiv').removeClass('rotated') 
}else{ 
    $('#btnDiv').addClass('rotated') 
} 

Answer 5

$("#btnDiv").click(function(){ 
    $('#slidePanel').toggle("slide",{direction: 'right'}); 
    if($('#btnDiv').hasClass('rotated')){ 
      $('#btnDiv').removeClass('rotated'); 
    } 
    else{ 
     $('#btnDiv').addClass('rotated'); 
    } 
    });