Frequently Asked Questions document.addEventListener('DOMContentLoaded', function() { const faqItems = document.querySelectorAll('.faq-item'); faqItems.forEach(item => { const question = item.querySelector('.faq-question'); const answerId = question.getAttribute('aria-controls'); question.addEventListener('click', () => { toggleFAQ(item, question, answerId); }); // Keyboard support question.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggleFAQ(item, question, answerId); } }); }); // Optional: Open first FAQ by default if (faqItems.length > 0) { setTimeout(() => { const firstQuestion = faqItems[0].querySelector('.faq-question'); const firstAnswerId = firstQuestion.getAttribute('aria-controls'); toggleFAQ(faqItems[0], firstQuestion, firstAnswerId, false); }, 500); } function toggleFAQ(item, question, answerId, closeOthers = true) { const isActive = item.classList.contains('active'); // Close all other items if (closeOthers) { faqItems.forEach(otherItem => { const otherQuestion = otherItem.querySelector('.faq-question'); if (otherItem !== item) { otherItem.classList.remove('active'); otherQuestion.setAttribute('aria-expanded', 'false'); } }); } // Toggle current item if (isActive) { item.classList.remove('active'); question.setAttribute('aria-expanded', 'false'); } else { item.classList.add('active'); question.setAttribute('aria-expanded', 'true'); } } });