function updateIcons() { const container = document.querySelector('#home-faq'); if (!container) return; console.log("Hamad", container);
container.querySelectorAll('.eael-accordion-header').forEach(function (header) { const icon = header.querySelector('i.fa-toggle'); if (!icon) return;
const isOpen = header.classList.contains('active') || header.classList.contains('show-this');
if (isOpen) { icon.classList.remove('fa-plus'); icon.classList.add('fa-minus'); } else { icon.classList.remove('fa-minus'); icon.classList.add('fa-plus'); }
// Force horizontal orientation icon.style.transform = 'none'; icon.style.rotate = 'none'; }); }
function init() { const container = document.querySelector('#home-faq'); if (!container) return;
updateIcons();
container.addEventListener('click', function (e) { const header = e.target.closest('.eael-accordion-header'); if (!header) return; setTimeout(updateIcons, 50); });
container.addEventListener('keydown', function (e) { if (e.key !== 'Enter' && e.key !== ' ') return; const header = e.target.closest('.eael-accordion-header'); if (!header) return; setTimeout(updateIcons, 50); });
const observer = new MutationObserver(updateIcons); container.querySelectorAll('.eael-accordion-header').forEach(function (header) { observer.observe(header, { attributes: true, attributeFilter: ['class'] }); }); }
if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); }