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

Аккордеон на чистом JS?

Всем привет!
Пытаюсь сделать аккордеон.
Не пойму почему при клике не срабатывает remove и add

  • Вопрос задан
  • 2156 просмотров
Решения вопроса 1
@xonar
А смысл?
Вот правильный код. Вы не указали Classlist, и зачем использовать add и remove, если в данном случае правильно использовать toggle?

Демо - https://codepen.io/ruslan-lysenko/pen/QWLMvya

const accordeonTwo = () => {

  const accordeonTwoParent = document.querySelector('#accordion-two'),
accordeonPanelHeading = accordeonTwoParent.querySelectorAll('.panel-heading'),
accordeonPanelContent = document.querySelector('.collapse');

        accordeonPanelHeading.forEach((elem) => {
            elem.addEventListener('click', (event) => {
                event.preventDefault();
                let target = event.target;
                
                if (target.closest('.panel-heading')) {
                    accordeonPanelContent.classList.toggle('in');
                }
            });
        });
  };

  accordeonTwo();
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 03:52
1000 руб./за проект
19 апр. 2024, в 03:01
1000 руб./за проект
18 апр. 2024, в 21:56
2000 руб./за проект