document.addEventListener("DOMContentLoaded", function() {
// Finde alle Menü-Links und Pfeile in den Menü-Items
const menuItems = document.querySelectorAll('.menu-item-has-children');
menuItems.forEach(item => {
const link = item.querySelector('a'); // Das Tag der Kategorie
const arrow = item.querySelector('i.fa'); // Der Pfeil
// Klick auf den Link (Kategorie) öffnen oder schließen
link.addEventListener('click', function(e) {
if (window.innerWidth <= 768) { // Nur auf mobilen Geräten aktivieren
e.preventDefault(); // Verhindert das Standardverhalten des Links
const subMenu = item.querySelector('.sub-menu'); // Das zugehörige Submenu
if (subMenu) {
// Toggle das Submenu
subMenu.style.display = (subMenu.style.display === 'block') ? 'none' : 'block';
}
}
});
// Klick auf den Pfeil öffnen oder schließen
if (arrow) {
arrow.addEventListener('click', function(e) {
e.stopPropagation(); // Verhindert das Event-Bubbling
const subMenu = item.querySelector('.sub-menu');
if (subMenu) {
// Toggle das Submenu
subMenu.style.display = (subMenu.style.display === 'block') ? 'none' : 'block';
}
});
}
});
});
