$(document).ready(function () {
//메인 navi 슬라이드업
$('.submenu > a').mouseenter(function () {
if ($(this).not($(this).hasClass('on'))) {
$('.submenuul').slideUp();
$(this).next().slideToggle();
$('.submenuul').removeClass('on');
$(this).parent().addClass('on');
}
});
$('.main-nav').mouseleave(function () {
$(this).find('li ul').slideUp();
});
//Main Menu
$('.main-nav ul li:has(ul)').addClass('submenu');
$('.main-nav ul li:has(ul)').append("");
$('.main-nav ul i').click(function () {
$(this).parent('li').toggleClass('open');
$(this).parent('li').children('ul').slideToggle();
})
//Mobile Menu
$('.mob-btn').click(function () {
$('#header').addClass('header_scroll');
$('html').addClass('show');
});
$('.overlay').click(function () {
$('#header').removeClass('header_scroll');
$('html').removeClass('show');
})
// $('.mob-btn').click(function () {
// if (!$('html').hasClass('show')) {
// $('html').addClass('show');
// } else {
// $('html').removeClass('show');
// }
// });
//
// $('.overlay').click(function () {
// if ($('html').hasClass('show')) {
// $('html').removeClass('show');
// }
// });
//
// Append and Prepend
// $('.first ul').clone().prependTo('.main-nav').addClass('desk-hide')
// $('.last ul').clone().appendTo('.main-nav').addClass('desk-hide')
$('.submenu > a').mouseenter(function () {
if ($(this).not($(this).hasClass('on'))) {
$('.submenuul').slideUp();
$(this).next().slideToggle();
$('.submenuul').removeClass('on');
$(this).parent().addClass('on');
}
});
$('.main-nav').mouseleave(function () {
$(this).find('li ul').slideUp();
});
//Main Menu
$('.main-nav ul li:has(ul)').addClass('submenu');
$('.main-nav ul li:has(ul)').append("");
$('.main-nav ul i').click(function () {
$(this).parent('li').toggleClass('open');
$(this).parent('li').children('ul').slideToggle();
})
$('nav').mouseenter(function () {
$('#header').addClass('over');
});
$('nav').mouseleave(function () {
$('#header').removeClass('over');
});
//Mobile Menu
$('.mob-btn').click(function () {
$('html').addClass('show');
});
$('.overlay').click(function () {
$('html').removeClass('show');
})
$(".lang_button").click(function(){
$('.lang_button > ul > li > ul').slideToggle();
});
});
const menuButton = document.querySelector(".menu-button");
const menuOverlay = document.querySelector(".menu-overlay");
const baseMenu = document.querySelector("#header");
menuButton.addEventListener("click", function () {
menuButton.classList.toggle("active");
menuOverlay.classList.toggle("open");
baseMenu.classList.toggle("over");
});