document.addEventListener('DOMContentLoaded', function() { const faqItems = document.querySelectorAll('.faq-item'); faqItems.forEach(item => { const question = item.querySelector('.faq-question'); question.addEventListener('click', () => { const isActive = item.classList.contains('active'); // Close all other items faqItems.forEach(otherItem => { if (otherItem !== item) { otherItem.classList.remove('active'); } }); // Toggle current item if (isActive) { item.classList.remove('active'); } else { item.classList.add('active'); } }); }); // Optional: Open first FAQ by default if (faqItems.length > 0) { setTimeout(() => { faqItems[0].classList.add('active'); }, 500); } });