document.addEventListener('DOMContentLoaded', function (){
const body=document.body;
const masthead=document.getElementById('masthead');
const toggleBtn=document.querySelector('.toggle-mnu');
const headerNav=document.querySelector('.header-nav');
if(toggleBtn&&headerNav&&masthead){
toggleBtn.addEventListener('click', function (e){
e.preventDefault();
e.stopPropagation();
toggleBtn.classList.toggle('is-open');
headerNav.classList.toggle('is-open');
masthead.classList.toggle('menu-open');
body.classList.toggle('menu-open');
});
document.addEventListener('click', function (){
toggleBtn.classList.remove('is-open');
headerNav.classList.remove('is-open');
masthead.classList.remove('menu-open');
body.classList.remove('menu-open');
});
headerNav.addEventListener('click', function (e){
e.stopPropagation();
});
}
document.querySelectorAll('.toggle-submenu').forEach(toggle=> {
toggle.addEventListener('click', function (e){
e.preventDefault();
e.stopPropagation();
const parent=this.closest('.visvakantie-menu');
document.querySelectorAll('.visvakantie-menu.is-open')
.forEach(menu=> {
if(menu!==parent) menu.classList.remove('is-open');
});
parent.classList.toggle('is-open');
});
});
const langToggle=document.querySelector('.lang-toggle');
const langMenu=document.querySelector('.menu-lang');
if(langToggle&&langMenu){
langToggle.addEventListener('click', function (e){
e.preventDefault();
e.stopPropagation();
langMenu.classList.toggle('is-open');
});
document.addEventListener('click', function (){
langMenu.classList.remove('is-open');
});
langMenu.addEventListener('click', function (e){
e.stopPropagation();
});
}});