const toggle = document.querySelector('.dropdown-nav-link');
const submenu = document.querySelector('.nav-dropdown-list');
let closeTimeout;
function openMenu() {
submenu.classList.add('w--open');
if (closeTimeout) {
clearTimeout(closeTimeout);
}
}
function closeMenu() {
closeTimeout = setTimeout(() => {
submenu.classList.remove('w--open');
}, 1000); // 1000ms delay voordat menu sluit
}
toggle.addEventListener('mouseenter', openMenu);
toggle.addEventListener('mouseleave', closeMenu);
submenu.addEventListener('mouseenter', openMenu);
submenu.addEventListener('mouseleave', closeMenu);