33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
// Mobile Menu Toggle
|
|
const mobileMenuButton = document.getElementById('mobile-menu-button');
|
|
const mobileMenu = document.getElementById('mobile-menu');
|
|
const menuIcon = document.getElementById('menu-icon');
|
|
const closeIcon = document.getElementById('close-icon');
|
|
|
|
mobileMenuButton.addEventListener('click', () => {
|
|
mobileMenu.classList.toggle('hidden');
|
|
menuIcon.classList.toggle('hidden');
|
|
closeIcon.classList.toggle('hidden');
|
|
});
|
|
|
|
// Mobile Dropdown Toggle
|
|
const mobileDropdownBtns = document.querySelectorAll('.mobile-dropdown-btn');
|
|
|
|
mobileDropdownBtns.forEach(btn => {
|
|
btn.addEventListener('click', () => {
|
|
const content = btn.nextElementSibling;
|
|
const arrow = btn.querySelector('.mobile-dropdown-arrow');
|
|
|
|
content.classList.toggle('hidden');
|
|
arrow.classList.toggle('rotate-180');
|
|
});
|
|
});
|
|
|
|
// Close mobile menu when clicking outside
|
|
document.addEventListener('click', (e) => {
|
|
if (!mobileMenuButton.contains(e.target) && !mobileMenu.contains(e.target)) {
|
|
mobileMenu.classList.add('hidden');
|
|
menuIcon.classList.remove('hidden');
|
|
closeIcon.classList.add('hidden');
|
|
}
|
|
}); |