jQuery(document).ready(function($) { var $gnb = $(".gnb"); var $gnbList = $gnb.children("ul"); var $gnbItem = $gnbList.children("li"); var menuState = false; // PC MENU if ( $.exists(".total-menu") ) { openTotalMenu() } if ( $.exists(".each-menu") || $.exists(".each-menu-style02") ) { openEachMenu(); } // FIXED MENU var st = $(window).scrollTop(); if (st > 0) { $("#header").addClass("header_scroll"); } else { $("#header").removeClass("header_scroll"); } $(window).scroll(function() { var st = $(document).scrollTop(); if (st > 0) { $("#header").addClass("header_scroll"); } else { $("#header").removeClass("header_scroll"); } }); // MOBILE MENU if($("#gnb-mobile").length){ toggleNavButton(); toggleDep2Menu(); } /*********************************** PC NAV *******************************/ function openEachMenu () { $gnbItem.on("mouseover", function(){ $(this).addClass("on").find(".submenu").addClass('on'); if ( $.exists(".each-menu") ) { $(this).find(".submenu").stop().slideDown(); } }) $gnbItem.mouseleave(function(){ $(this).removeClass("on").find(".submenu").removeClass('on'); if ( $.exists(".each-menu") ) { $(this).find(".submenu").stop().slideUp(); } }) } function openTotalMenu () { $gnb.on("mouseover", function(){ if (!($gnb.is(".open"))) { $gnb.addClass("open") } $("#header").addClass("active") }) $gnb.on("mouseleave",gnb_return); function gnb_return () { $gnb.removeClass("open") $("#header").removeClass("active") } } $(".sitemap-open-btn").click(function(){ openSiteMap(); if($("#siteMap").hasClass("open")){ $(".dimmed_bg").click(function(){ closeSiteMap(); }) } }) $(".sitemap-close-btn").click(function(){ closeSiteMap(); }) function openSiteMap () { $("#siteMap").addClass("open"); $(".dimmed_bg").addClass("open"); $("#siteMap").find(".sitemap-box").children().children().mouseenter(function(){ $(this).addClass('active'); }) $("#siteMap").find(".sitemap-box").children().children().mouseleave(function(){ $(this).removeClass('active'); }) } function closeSiteMap () { $("#siteMap").removeClass("open"); $(".dimmed_bg").removeClass("open"); } /******************************* MOBILE NAV ****************************/ function toggleNavButton(){ $(".nav-open-btn").click(function(){ if( menuState ){ closeMobileMenu(); }else { openMobileMenu(); } }) $(".overlay").click(function (){ closeMobileMenu(); }) } function closeMobileMenu() { menuState = false; $(".nav-open-btn").removeClass("active"); $("#gnb-mobile").removeClass("open"); $(".overlay").hide(); } function openMobileMenu() { menuState = true; $(".nav-open-btn").addClass("active"); $("#gnb-mobile").addClass("open"); $(".overlay").show(); } function toggleDep2Menu(){ $("#mobile-nav").children("li:has('.submenu')").addClass("has-2dep"); // .submenu를 포함하고 있는 li $("#mobile-nav").children("li.has-2dep").children(".submenu").before('') $("#mobile-nav").children("li.has-2dep").click(function(){ $(this).find('.submenu').stop().slideToggle(); $(this).toggleClass('open'); }) } })