$(document).ready(function () { $(window).load(function () { var doc_h = $(document).height(); var win_w = $(window).width(); var st = $(window).scrollTop(); if (st > 0) { $("#header").addClass("header_scroll"); } else { $("#header").removeClass("header_scroll"); } $(window).scroll(function () { var st = $(window).scrollTop(); if (st > 0) { $("header").addClass("header_scroll"); } else { $("header").removeClass("header_scroll"); } }); }); //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(); }) //메인 navi 슬라이드업 $('.submenu > a').mouseenter(function () { if ($(this).not($(this).hasClass('on'))) { $('.submenuul').slideUp(800); $(this).next().stop().slideToggle(); $('.submenuul').removeClass('on'); $(this).parent().addClass('on'); } }); $('.main-nav').mouseleave(function () { $(this).find('li ul').slideUp(800); }); $('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"); }); });