$(document).ready(function () { var $gnb = $(".gnb"); var $gnbList = $gnb.children("ul"); var $gnbItem = $gnbList.children("li"); var menuState = false; // PC MENU if ( $gnb.is(".total-menu") ) { openTotalMenu(); }else if ( $gnb.is(".each-menu") ) { 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(); } // SUB NAV :: STYLE 03 if($("#sub_menu_style_03").length){ $(".location2").find("li").each(function(){ if($(this).find("a").hasClass("on")){ var test = $(this).find("a").text(); $(".location2").find("span").text(test) } }) $(".sub_drop_open_btn").click(function(){ if($(this).hasClass("open")){ $(this).removeClass("open"); $(this).find(".snb").stop().slideUp(); }else{ $(this).addClass("open"); $(this).find(".snb").stop().slideDown(); } }) } /*********************************** SITE MAP *******************************/ if($(".sitemap-open-btn").length){ $(".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").fadeIn(100); } function closeSiteMap () { $("#siteMap").removeClass("open"); $(".dimmed_bg").hide(); } /*********************************** 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.on("mouseover", function(){ if (!($gnb.is(".open"))) { $gnb.addClass("open") } }) $gnb.on("mouseleave",gnb_return); function gnb_return () { $gnb.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'); }) } })