Dateien nach "Minecraft-Modern-Theme/js" hochladen

Minecraft-Modern-Theme/js/navigation.js

@@ -0,0 +1,40 @@
+( function() {
+    const siteNavigation = document.getElementById( 'site-navigation' );
+    const menuToggle = siteNavigation.querySelector( '.menu-toggle' );
+
+    // Early exit wenn kein Toggle da ist
+    if ( ! menuToggle ) {
+        return;
+    }
+
+    // Toggle Klassen hinzufügen (Menü öffnen/schließen)
+    menuToggle.addEventListener( 'click', function() {
+        siteNavigation.classList.toggle( 'toggled' );
+        
+        // Aria States aktualisieren
+        if ( menuToggle.getAttribute( 'aria-expanded' ) === 'true' ) {
+            menuToggle.setAttribute( 'aria-expanded', 'false' );
+            menuToggle.innerHTML = '<i class="fas fa-bars"></i>';
+        } else {
+            menuToggle.setAttribute( 'aria-expanded', 'true' );
+            menuToggle.innerHTML = '<i class="fas fa-times"></i>';
+        }
+    } );
+
+    // Mobile Submenu Toggle (Klick auf Parent-Item öffnet Untermenü)
+    const subMenuParents = siteNavigation.querySelectorAll( '.menu-item-has-children' );
+
+    subMenuParents.forEach( function( subMenuParent ) {
+        subMenuParent.addEventListener( 'click', function( e ) {
+            // Nur auf Mobil aktivieren (Media Query Check)
+            if ( window.innerWidth <= 992 ) {
+                // Optional: Verhindern, dass der Link geklickt wird, wenn man nur das Menü öffnen will
+                // e.preventDefault(); 
+
+                // Klasse 'active' umschalten für das CSS Display
+                this.classList.toggle( 'active' );
+            }
+        } );
+    } );
+
+} )();