e-cosplay/assets/app.js

import './app.scss'
import * as Turbo from "@hotwired/turbo"



document.addEventListener('DOMContentLoaded', () => {
    const button = document.querySelector('[aria-controls="mobile-menu"]');
    const menu = document.getElementById('mobile-menu');

    // Assurez-vous que le menu est initialement caché
    if (menu) {
        menu.classList.add('hidden');
    }

    if (button && menu) {
        button.addEventListener('click', function() {
            // Bascule la classe 'hidden' pour afficher/masquer le menu
            menu.classList.toggle('hidden');

            // Bascule l'état ARIA pour l'accessibilité
            const isExpanded = this.getAttribute('aria-expanded') === 'true' || false;
            this.setAttribute('aria-expanded', !isExpanded);
        });
    }
})