@as_viper
Начинающий веб-разработчик

Как сделать, чтобы был только один активный блок в аккордеоне?

Есть аккордеон.
Сейчас я при клике могу открывать все блоки.

А как сделать так, чтобы только один блок был активным?
Т.е., нажимаю к примеру второй блок - он открывается, а тот что был до этого активный, закрывается.
  • Вопрос задан
  • 38 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
document.addEventListener('click', function(e) {
  const heading = e.target.closest('.panel-heading');
  if (heading) {
    e.preventDefault();
    const collapse = heading.nextElementSibling;
    heading.closest('.panel-group').querySelectorAll('.panel-collapse').forEach(n => {
      n.classList.toggle('in', n === collapse && !n.classList.contains('in'));
    });
  }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы