aidan/aidxnFUN
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

update js for dropdown support

Browse Source
This commit is contained in:
Aidan 2024-12-01 19:24:52 -05:00
parent 09db383f62
commit a915cf2e8a
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/js/main.js
View File

@ -3,8 +3,13 @@ const closeMenuBtn = document.getElementById('close-menu-btn');
const mobileMenu = document.getElementById('mobile-menu');
document.addEventListener('DOMContentLoaded', () => {
const menuButton = document.getElementById('menu-button');
const dropdownMenu = menuButton.nextElementSibling;
const notificationBanner = document.getElementById('notification-banner');
const dismissButton = document.getElementById('dismiss-btn');
const openMenuBtn = document.getElementById('open-menu-btn');
const closeMenuBtn = document.getElementById('close-menu-btn');
const mobileMenu = document.getElementById('mobile-menu');
if (localStorage.getItem('notificationDismissed')) {
notificationBanner.style.display = 'none';
@ -14,6 +19,28 @@ document.addEventListener('DOMContentLoaded', () => {
notificationBanner.style.display = 'none';
localStorage.setItem('notificationDismissed', 'true');
});
menuButton.addEventListener('click', function(event) {
event.preventDefault();
const isExpanded = menuButton.getAttribute('aria-expanded') === 'true';
menuButton.setAttribute('aria-expanded', !isExpanded);
dropdownMenu.classList.toggle('hidden');
});
document.addEventListener('click', function(event) {
if (!menuButton.contains(event.target) && !dropdownMenu.contains(event.target)) {
menuButton.setAttribute('aria-expanded', 'false');
dropdownMenu.classList.add('hidden');
}
});
openMenuBtn.addEventListener('click', () => {
mobileMenu.style.display = 'block';
});
closeMenuBtn.addEventListener('click', () => {
mobileMenu.style.display = 'none';
});
});
openMenuBtn.addEventListener('click', () => {