toggle js что это

Аватар пользователя Aleksey
Aleksey
30 марта 2023

В js есть встроенный метод toggle. Он используется для добавления или удаления класса у элемента в зависимости от его наличия.

Методы add и remove могут использоваться с этой же целью. Однако, метод toggle использовать удобнее, особенно когда нужно быстро переключать классы на элементе.

const btn = document.querySelector('.btn');

btn.addEventListener('click', () => {
  myButton.classList.toggle('active');
});

При клике на кнопку происходит переключение класса active у элемента. Если класса с таким именем нет, то он добавляется и применяются нужные стили и правила. Если класс уже есть, то он удаляется и кнопка возвращается к начальному состоянию.

3 0
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»