Задать вопрос
@bett22

Как при клике закрыть блок?

Подскажите как при клике на кнопку открыть и закрыть блок при клике на саму кнопку? пока получилось только открыть и закрывать при клике вне блока. Спасибо
  • Вопрос задан
  • 202 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
Stalker_RED
@Stalker_RED
document.addEventListener('click', evt => { // слушаем все клики
  const shopBtn = evt.target.closest('div.button');
  if (shopBtn) {  // если клик внутри кнопки
    const id = shopBtn.dataset.id;
    const contentSelector = `div[data-id='${id}'].bottom`;
    const contentBlock = document.querySelector(contentSelector); // ищем блок контента
    contentBlock.classList.toggle('_active'); // ПЕРЕКЛЮЧАЕМ (toggle) ему класс
  }
});

Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
profesor08
@profesor08 Куратор тега JavaScript
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы