• « Előző
• 1
• …
• 552
• 553
• 554
• 555
• 556
• …
• 581
• Következő »

const mainCategoryItems = document.querySelectorAll('.main-category-item'); const subCategories = document.querySelectorAll('.sub-categories'); // Touch device detection const hasHover = window.matchMedia('(hover: hover)').matches; const isMobile = window.innerWidth <= 991; // Show first category by default if (mainCategoryItems.length > 0 && subCategories.length > 0) { mainCategoryItems[0].classList.add('active'); subCategories[0].classList.add('active'); } // Main category item hover handlers mainCategoryItems.forEach(function(item, index) { item.addEventListener('mouseenter', function() { // Remove active class from all items mainCategoryItems.forEach(function(otherItem) { otherItem.classList.remove('active'); }); // Hide all sub-categories subCategories.forEach(function(subCat) { subCat.classList.remove('active'); }); // Add active class to hovered item item.classList.add('active'); // Show corresponding sub-category if (subCategories[index]) { subCategories[index].classList.add('active'); } }); }); // Touch device support if (!hasHover || isMobile) { let touchStartY = 0; let touchEndY = 0; megaDropdownContent.addEventListener('touchstart', function(e) { touchStartY = e.changedTouches[0].screenY; }); megaDropdownContent.addEventListener('touchend', function(e) { touchEndY = e.changedTouches[0].screenY; handleSwipe(); }); function handleSwipe() { const swipeThreshold = 50; const swipeDistance = touchStartY - touchEndY; // Swipe up to close menu if (swipeDistance > swipeThreshold) { closeMobileMenu(); } } } function closeMobileMenu() { megaDropdownContent.style.display = 'none'; mainCategoryItems.forEach(function(item) { item.classList.remove('active'); }); subCategories.forEach(function(subCat) { subCat.classList.remove('active'); }); } // Mobil kategória menü JavaScript document.addEventListener('DOMContentLoaded', function() { const mobileCategoriesToggle = document.querySelector('.mobile-categories-toggle'); const mobileCategoriesMenu = document.querySelector('.mobile-categories-menu'); const mobileCategoryItems = document.querySelectorAll('.mobile-category-item'); // Mobil kategória menü fő toggle if (mobileCategoriesToggle) { mobileCategoriesToggle.addEventListener('click', function(e) { e.preventDefault(); mobileCategoriesMenu.classList.toggle('active'); }); } // Mobil alkategóriák toggle mobileCategoryItems.forEach(function(item) { const link = item.querySelector('a'); link.addEventListener('click', function(e) { e.preventDefault(); // Zárjuk be az összes másik kategóriát mobileCategoryItems.forEach(function(otherItem) { if (otherItem !== item) { otherItem.classList.remove('active'); } }); // Toggle az aktuális kategória const subcategories = item.querySelector('.mobile-subcategories'); const isActive = item.classList.contains('active'); if (!isActive) { // Ha megnyitjuk, először állítsuk be a display: block-ot subcategories.style.display = 'block'; // Kis késleltetés után adjuk hozzá az active osztályt az animációhoz setTimeout(() => { item.classList.add('active'); }, 10); } else { // Ha bezárjuk, távolítsuk el az active osztályt item.classList.remove('active'); // Várjuk meg az animáció végét, majd rejtsük el setTimeout(() => { if (!item.classList.contains('active')) { subcategories.style.display = 'none'; } }, 300); } }); }); // Kattintás a hamburger menü kívülre zárja a kategória menüt document.addEventListener('click', function(e) { if (!e.target.closest('.mobile-categories-menu') && !e.target.closest('.menu-toggle')) { mobileCategoriesMenu.classList.remove('active'); mobileCategoryItems.forEach(function(item) { item.classList.remove('active'); }); } }); });