removeClass() jeśli istnieje

Question

Ta funkcja dodaje do mojego przycisku klasę rotated po jej kliknięciu. Przycisk ma strzałkę wskazującą kierunek przesunięcia panelu.

Jak mogę usunąć obróconą klasę po ponownym kliknięciu przycisku?

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

Może coś takiego?

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

Answer 1

Można użyć .toggleClass()

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

który dodaje go, jeśli brakuje i usuwa je, jeśli jest obecny. Jest też .is() aby sprawdzić takie rzeczy:

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

lub prościej:

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

Answer 2

Wystarczy użyć .toggleClass() do acheive że.

Answer 3

Spróbuj

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