document.addEventListener('DOMContentLoaded', function() {
// Select the button and the menu
const menuToggle = document.querySelector('[data-mobile-menu-toggle]');
const mobileMenu = document.getElementById('mobile-menu');
// Make sure both elements exist on the page
if (menuToggle && mobileMenu) {
menuToggle.addEventListener('click', function() {
// Toggle the 'hidden' class on the mobile menu
mobileMenu.classList.toggle('hidden');
// Optional: Swap the FontAwesome icon between 'bars' and 'X'
const icon = menuToggle.querySelector('i');
if (mobileMenu.classList.contains('hidden')) {
icon.classList.remove('fa-xmark');
icon.classList.add('fa-bars-staggered');
} else {
icon.classList.remove('fa-bars-staggered');
icon.classList.add('fa-xmark');
}
});
}
});
