убрать класс если он есть

107
12 августа 2021, 05:20

Привет всем помогите пожалуйста новичку... вот такой код

мне нужно чтобы вторая часть срабатывала при клике на body при условии что боковое меню с классом active 

$('body').on('click', '.hamburger', function(e){
$('.hamburger').addClass('hamburger_active');
$('.header__menu').addClass('header__menu_active');
 });
$('body').on('click',function(e){
$('.hamburger').removeClass('hamburger_active');
$('.header__menu').removeClass('header__menu_active');
});
Answer 1

есть ли у элемента класс можно узнать с помощью функции hasClass()

$('body').on('click','.hamburger', function(e){ 
  if ($('.hamburger').hasClass('hamburger_active')) { 
    $('.hamburger').removeClass('hamburger_active'); 
    $('.header__menu').removeClass('header__menu_active'); 
  } else { 
    $('.hamburger').addClass('hamburger_active'); 
    $('.header__menu').addClass('header__menu_active'); 
  } 
});
.hamburger_active { 
  color: blue; 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="hamburger">hamburger</div>

Так же можно укоротить функцию используя toggleClass()

$('body').on('click', '.hamburger', function(e){ 
    var hasNotClass = !$('.hamburger').hasClass('hamburger_active'); 
    $('.hamburger').toggleClass('hamburger_active', hasNotClass); 
    $('.header__menu').toggleClass('header__menu_active', hasNotClass); 
});
.hamburger_active { 
  color: blue; 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="hamburger">hamburger</div>

READ ALSO
homeslider.owlCarousel is not a function
jQuery

homeslider.owlCarousel is not a function

Добрый день дорогие друзья ,проблема заключается в том что при использовании OwlCarousel в wordpress-е вот такая ошибка:

 125
SVG Привязка растровых объектов к пути (path)
HTML

SVG Привязка растровых объектов к пути (path)

Не могу найти информацию по привязке объекта к пути

 435
Как сохранить audio добавленое в div с помощью localStorage?
HTML

Как сохранить audio добавленое в div с помощью localStorage?

 345
Выполнение функции только если найден элемент на странице
HTML

Выполнение функции только если найден элемент на странице

Есть основной код который должен выполняться

 122