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

Question

[Александр AS]

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

Comments

[RAX7]

//Добавим классы
elem.classList.add("ok", "understand");

https://developer.mozilla.org/ru/docs/Web/API/Elem...

Answer 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();