document.addEventListener("appLoaded", function() { const dropdownHtml = ` `; const targetElement = document.querySelector("#h2 > div.header-container > div.right > div.right-menu-items > div:nth-child(2)"); targetElement.insertAdjacentHTML('beforebegin', dropdownHtml); document.getElementById('portalsbutton').addEventListener('click', function(e) { e.stopPropagation(); const otherButtons = ['menubutton', 'schoolsbutton', 'languagebutton']; otherButtons.forEach(buttonId => { const button = document.getElementById(buttonId); if (button) { button.setAttribute('aria-expanded', 'false'); // Find and close associated dropdown if it exists const dropdown = button.closest('div').querySelector('[role="menu"]'); if (dropdown) { dropdown.style.display = 'none'; } } }); const dropdown = document.getElementById('portalsDropdown'); const button = document.getElementById('portalsbutton'); const isExpanded = button.getAttribute('aria-expanded') === 'true'; button.setAttribute('aria-expanded', !isExpanded); dropdown.style.display = isExpanded ? 'none' : 'block'; }); document.addEventListener('click', function(event) { const dropdown = document.getElementById('portalsDropdown'); const button = document.getElementById('portalsbutton'); if (!event.target.closest('.menu-wrapper')) { dropdown.style.display = 'none'; button.setAttribute('aria-expanded', 'false'); } }); ['menubutton', 'schoolsbutton', 'languagebutton'].forEach(buttonId => { const button = document.getElementById(buttonId); if (button) { button.addEventListener('click', function() { const portalsDropdown = document.getElementById('portalsDropdown'); const portalsButton = document.getElementById('portalsbutton'); if (portalsDropdown) { portalsDropdown.style.display = 'none'; portalsButton.setAttribute('aria-expanded', 'false'); } }); } }); });

Lackawanna City School District