$(function () { // Nav show sub menu on hover function showSubmenuOnHover() { $(".nav ul li.has-submenu").on("mouseover", function() { $(this).find('ul.submenu').stop( true, true ).fadeIn('fast'); $(this).addClass('active'); }).on("mouseleave", function() { $(this).find('ul.submenu').stop( true, true ).fadeOut('fast'); $(this).removeClass('active'); }); } // Nav show sub menu on click function showSubmenuOnClick() { $(".nav ul li.has-submenu a").on("click", function(e) { $(this).next('ul.submenu').stop( true, true ).slideToggle('fast'); $(this).closest('li').toggleClass('active'); }) } // open close main nav const hamburger = $('.hamburger'); const menu = $('.open-menu'); const menuTitle = $('#menu-title'); var menuOpened = false; function openMenu() { menuOpened = true; $(hamburger).addClass('is-active'); $('.nav').animate({ width:'toggle'},200); $('html').addClass('noscroll'); $(menuTitle).html('Sluit'); } function closeMenu() { menuOpened = false; $(hamburger).removeClass('is-active'); $('.nav').animate({ width:'toggle'},200); $('html').removeClass('noscroll'); $(menuTitle).html('Menu'); } // menu click event listener $(menu).on("click", function() { if(menuOpened){ closeMenu(); } else { openMenu(); } }); // detect window width var $window = $(window); function checkWidth() { var windowsize = $window.width(); if (windowsize < 960) { // mobile $('.nav').hide(); showSubmenuOnClick(); } if (windowsize > 960) { $('.nav').show(); showSubmenuOnHover(); } } // Execute on load checkWidth(); // Bind event listener $(window).resize(checkWidth); }); /*******************************************************************/ /* ftrtch dino */ /* [type: JS] [file:navheader] [15.138] DESIGN*/ /*******************************************************************/ /* 0.4 D>D */ /* db 163 */