removeClass() se esistente

Question

Questa funzione aggiunge una classe rotated al mio pulsante quando faccio clic. Il pulsante ha una freccia su di esso che punta nella direzione in cui il pannello è scivolato.

Come posso rimuovere la classe ruotata quando faccio di nuovo clic sul pulsante?

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

Qualcosa di simile forse?

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

Answer 1

È possibile utilizzare .toggleClass()

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

che aggiunge, se manca, e lo rimuove se è presente. C'è anche .is() per verificare la presenza di cose del genere:

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

o più semplicemente:

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

Answer 2

Basta usare .toggleClass() per realizzare quello.

Answer 3

Prova questo

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