$(document).ready(function () { var $gnb = $(".gnb"); var $gnbList = $gnb.children("ul"); var $gnbItem = $gnbList.children("li"); var menuState = false; var $gnbBg = $("#gnbBg"); // PC MENU if ( $gnb.is(".total-menu") ) { openTotalMenu(); }else if ( $gnb.is(".each-menu") ) { openEachMenu(); } // FIXED MENU /* $(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"); } }); });*/ // SITE MAP $(".sitemap-open-btn").click(function(){ $("#siteMap").addClass("open") }) $(".modal-close-btn").click(function(){ $("#siteMap").removeClass("open") }) // MOBILE MENU if($("#gnb-mobile").length){ toggleNavButton(); toggleDep2Menu(); } /*********************************** PC NAV *******************************/ function openEachMenu () { $gnbItem.on("mouseover", function(){ $(this).addClass("on").find(".submenu").addClass('on'); $(this).find(".submenu").stop().slideDown(); }) $gnbItem.mouseleave(function(){ $(this).removeClass("on").find(".submenu").removeClass('on'); $(this).find(".submenu").stop().slideUp(); }) } function openTotalMenu () { $gnb.children("ul").on("mouseover", function(){ if (!($gnb.is(".open"))) { $gnb.addClass("open") } }) $gnb.children("ul").on("mouseleave",gnb_return); function gnb_return () { $gnb.removeClass("open") } } /******************************* MOBILE NAV ****************************/ function toggleNavButton(){ $(".m-nav-open-btn").click(function(){ if( menuState ){ closeMobileMenu(); }else { openMobileMenu(); } }) $(".overlay").click(function (){ closeMobileMenu(); }) } function closeMobileMenu() { menuState = false; $(".m-nav-open-btn").removeClass("active"); $("#gnb-mobile").removeClass("open"); $(".overlay").hide(); } function openMobileMenu() { menuState = true; $(".m-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'); }) } })