// let acc = document.getElementsByClassName("faq-question"); let acc = document.querySelectorAll("[data-faq-question]") for (let i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { if ( this.getAttribute('data-active') ) { this.removeAttribute('data-active'); } else { this.setAttribute('data-active', true); } let panel = this.nextElementSibling; if (panel.getAttribute('data-faq-answer-active')) { // Close accordion panel.style.height = '0px'; panel.removeAttribute('data-faq-answer-active'); } else { // Open accordion panel.style.height = panel.scrollHeight + 'px'; panel.setAttribute('data-faq-answer-active', true); } }); }