(function () { function toggleHandler(e) { const parent = e.target.closest('.toggle-parent'); if (!parent) return; const child = parent.querySelector('.toggle-child'); if (!child) return; const isActive = child.classList.contains('active'); // Close all open toggles document.querySelectorAll('.toggle-child.active').forEach(function (openChild) { openChild.classList.remove('active'); openChild.closest('.toggle-parent').querySelector('.iconrotate').classList.remove('active'); }); // If it wasn't already open, open it if (!isActive) { child.classList.add('active'); parent.querySelector('.iconrotate').classList.add('active'); } } document.addEventListener('click', toggleHandler); })();