document.querySelectorAll('.faq_container').forEach(container => { const answer = container.querySelector('.faq_reponse'); container.addEventListener('click', () => { if (container.classList.contains('active')) { answer.style.height = answer.scrollHeight + 'px'; requestAnimationFrame(() => { answer.style.height = '0px'; }); container.classList.remove('active'); } else { container.classList.add('active'); answer.style.height = answer.scrollHeight + 'px'; answer.addEventListener('transitionend', function end() { answer.style.height = 'auto'; answer.removeEventListener('transitionend', end); }); } }); });