(function ($) { var leftCheck = []; $(function () { // Navigation $(window).on("load resize", function () { var displayWidth = $(window).width(); if (displayWidth <= 980) { /* MOBILE ------------------------------*/ // Nav if (leftCheck.length == 0) { leftCheck[0] = 0, leftCheck[1] = 0; $('.nav-btn').off('click'); $('.main-menu').off('mouseenter'); leftStart(); $('.nav-btn').on({ click: function () { LeftMenuFn(); } }); } function LeftMenuFn() { console.log(leftCheck); if (leftCheck[1] == 1) { leftOpen(); } else if (leftCheck[0] == 1) { leftClose(); } } function leftStart() { leftCheck[1] = 1; } function leftOpen() { leftCheck[0] = 1, leftCheck[1] = 0; $('.nav-btn').addClass('nav-close'); $('#nav').stop().animate({ right: '0px' }, 300); $('.nav-bg').fadeIn(300); } function leftClose() { leftCheck[0] = 0, leftCheck[1] = 1; $('.nav-btn').removeClass('nav-close'); $('#nav').stop().animate({ right: '-260px' }, 300); $('.nav-bg').fadeOut(300); } $('.sub-menu').css({display: "none"}); $(".main-menu").unbind("click").bind("click", function (e) { e.preventDefault(); var menu = $(this).parent(); menu .toggleClass('active') .children('.sub-menu') .slideDown(300); menu.siblings().removeClass('active'); $('.navigation > li') .not('.active') .children('.sub-menu') .slideUp(300); }); // 서브 상단 고정 탭 if ($('.sub-tab').length > 0) { var subTabTop = $('.sub-tab').offset().top; $(window).scroll(function () { if ($(window).scrollTop() >= subTabTop) { $('.sub-tab').addClass('fixed'); } else { $('.sub-tab').removeClass('fixed'); } }); } } else { /* PC ----------------------------------*/ // Nav var slideCheck = []; slideCheck[0] = 0, slideCheck[1] = 0; $('.nav-btn').off('click'); $('.main-menu').off('click'); sildeClose(); $('.nav-btn').on({ click: function () { slideMenuFn(); } }); $('.main-menu').on({ mouseenter: function () { sildeOpen(); } }); function slideMenuFn() { if (slideCheck[1] == 1) { sildeOpen(); } else if (slideCheck[0] == 1) { sildeClose(); } } function sildeOpen() { slideCheck[0] = 1, slideCheck[1] = 0; $('.nav-bg').slideDown(300); $('.sub-menu').delay(300).fadeIn(100); //$('.sub-menu').delay(5000).show(); //$('.sub-menu li a').delay(5000).show(); $('.nav-btn').addClass('nav-close'); } function sildeClose() { slideCheck[0] = 0, slideCheck[1] = 1; $('.nav-bg').slideUp(300); $('.sub-menu').hide(); $('.nav-btn').removeClass('nav-close'); } // 서브 상단 고정 탭 해제 $(window).off('scroll'); $('.sub-tab').removeClass('fixed'); } return false; }); }); })(jQuery)