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

बस ऐसे ही हासिल करने के लिए .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'); 
    } 
    });