RemoveClass(), если он существует

Эта функция добавляет класс rotated к моей кнопке, когда я нажимаю на нее. Кнопка имеет стрелку на ней, которая указывает в направлении скольжения панели.

Как я могу удалить повернутый класс, когда я снова нажимаю кнопку?

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

Что-то вроде этого может быть?

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

Ответы

Ответ 1

Вы можете использовать .toggleClass()

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

Это добавляет его, если он отсутствует, и удаляет его, если он присутствует. Там также .is() для проверки таких вещей:

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

или более просто:

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

Ответ 2

Попробуйте это

if($('#btnDiv').hasClass('rotated')){
   $('#btnDiv').removeClass('rotated')
}else{
  $('#btnDiv').addClass('rotated')
}

Ответ 3

Просто используйте .toggleClass(), чтобы добиться этого.

Ответ 4

if($('#btnDiv').hasClass('rotated')){
   $('#btnDiv').removeClass('rotated')
}else{
   $('#btnDiv').addClass('rotated')
}

Ответ 5

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