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
Познакомьтесь с основами JavaScript бесплатно