존재하는 경우 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'); 
    } 
    });