removeClass() varsa

Question

Bu işlev tıklattığımda düğüme rotated sınıfı ekler. Düğmenin üzerinde, panelin kaydığı yönde işaret eden bir ok vardır.

Düğmeye tekrar bastığımda nasıl döndürülmüş sınıfı kaldırabilirim?

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

Böyle bir şey olabilir mi?

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

Answer 1

Bunu mevcut ise bunu o eksik varsa bunu ekler ve kaldırır .toggleClass()

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

kullanabilirsiniz. bunun gibi şeyler için kontrol etmek de .is() vardır: daha basit

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

ya:

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

Answer 2

Sadece bu modernleşmek için .toggleClass() kullanın.

Answer 3

bu

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