$(function() { var winWidth = $(window).width(); // â Å©±â Á¶Àý½Ã GNB ¸Þ´º on Ŭ·¡½º ÃʱâÈ­ $(window).resize(function() { var winWidth = $(this).width(); if(winWidth <= 1024) { $("#gnb > li").removeClass('on'); } }); // GNB ¸¶¿ì½º¿À¹ö ¹× Ŭ¸¯ À̺¥Æ® $("#gnb > li > a").bind('mouseenter click', function(e) { var winWidth = $(window).width(); if(e.type === 'mouseenter') { if(winWidth > 1024) { $("#navbg").stop(true,false).fadeIn(300); $("#gnb > li > ul.submnu").css('display','none'); $(this).siblings('ul.submnu').stop(true,false).fadeIn(300); $("#gnb > li").removeClass('on'); $(this).parent('li').addClass('on'); } } else if(e.type === 'click') { if(winWidth <= 1024) { if($(this).siblings('ul.submnu').length > 0) { e.preventDefault(); if(!$(this).parent('li').hasClass('open')) { $("#gnb > li").removeClass('open'); $(this).parent('li').addClass('open'); $("#gnb > li > ul.submnu").stop(true,false).slideUp(300); $(this).siblings('ul.submnu').stop(true,false).slideDown(300); } else { $(this).parent('li').removeClass('open'); $(this).siblings('ul.submnu').stop(true,false).slideUp(300); } } } } }); // GNB ¼­ºê¸Þ´º ¸¶¿ì½º ¿À¹ö À̺¥Æ® $("#gnb > li > ul.submnu > li").bind('mouseenter', function(e) { var winWidth = $(window).width(); if(winWidth > 1024) { $("#gnb > li > ul.submnu > li").removeClass('on'); $(this).addClass('on'); } }); // Çì´õ ¸¶¿ì½º ¾Æ¿ô À̺¥Æ® $("#header").bind('mouseleave', function(e) { var winWidth = $(window).width(); if(winWidth > 1024) { $("#navbg").stop(true,false).fadeOut(300); $("#gnb > li > ul.submnu").stop(true,false).fadeOut(300); $("#gnb > li").removeClass('on'); $("#gnb > li > ul.submnu > li").removeClass('on'); } }); // GNB2 ¸¶¿ì½º¿À¹ö ¹× Ŭ¸¯ À̺¥Æ® $(".submnu > li > a").bind('mouseenter click', function(e) { var winWidth = $(window).width(); if(e.type === 'mouseenter') { if(winWidth > 1024) { $("#navbg2").stop(true,false).fadeIn(300); $(".submnu > li > ul.submnu2").css('display','none'); $(this).siblings('ul.submnu2').stop(true,false).fadeIn(300); $(".submnu > li").removeClass('on'); $(this).parent('li').addClass('on'); } } else if(e.type === 'click') { if(winWidth <= 1024) { if($(this).siblings('ul.submnu2').length > 0) { e.preventDefault(); if(!$(this).parent('li').hasClass('open')) { $(".submnu > li").removeClass('open'); $(this).parent('li').addClass('open'); $(".submnu > li > ul.submnu2").stop(true,false).slideUp(300); $(this).siblings('ul.submnu2').stop(true,false).slideDown(300); } else { $(this).parent('li').removeClass('open'); $(this).siblings('ul.submnu2').stop(true,false).slideUp(300); } } } } }); // GNB2 ¼­ºê¸Þ´º ¸¶¿ì½º ¿À¹ö À̺¥Æ® $(".submnu > li > ul.submnu2 > li").bind('mouseenter', function(e) { var winWidth = $(window).width(); if(winWidth > 1024) { $(".submnu > li > ul.submnu2 > li").removeClass('on'); $(this).addClass('on'); } }); // Çì´õ ¸¶¿ì½º ¾Æ¿ô À̺¥Æ® $("#header").bind('mouseleave', function(e) { var winWidth = $(window).width(); if(winWidth > 1024) { $("#navbg2").stop(true,false).fadeOut(300); $(".submnu > li > ul.submnu2").stop(true,false).fadeOut(300); $(".submnu > li").removeClass('on'); $(".submnu > li > ul.submnu2 > li").removeClass('on'); } }); // ¸ð¹ÙÀÏ ¸Þ´º ¿­±â $("#gnbOpen").click(function() { $("#gnbMask").stop(true,false).fadeIn(300); $("#gnbWrap").stop(true,false).animate({left:'0'}, 300, 'easeOutCubic'); }); // ¸ð¹ÙÀÏ ¸Þ´º ´Ý±â $("#gnbClose, #gnbMask").click(function() { $("#gnbMask").stop(true,false).fadeOut(300); $("#gnbWrap").stop(true,false).animate({left:'-290px'}, 300, 'easeOutCubic'); }); // ¹öÆ° Ŭ¸¯½Ã È­¸é »ó´ÜÀ¸·Î ½ºÅ©·Ñ $("#scrollTop a").click(function(e) { e.preventDefault(); $("html, body").stop(true,false).animate({scrollTop:0}, 400, 'easeOutCubic'); }); // ¸¶¿ì½º À̺¥Æ® ó¸® $("#scrollTop a").mouseenter(function() { if(!$(this).hasClass('on')) { $(this).addClass('on'); } }).mouseleave(function() { $(this).removeClass('on'); }); // ¸Þ´º È°¼ºÈ­ function gnbActive() { var majorIndex = $("#container").data('menu') - 1; var minorIndex = $("#container").data('sub') - 1; var majorMenu = $("#gnb > li").eq(majorIndex); var minorMenu = $("#gnb > li").eq(majorIndex).find('ul.submnu > li').eq(minorIndex); majorMenu.addClass('current'); minorMenu.addClass('current'); } // À©µµ¿ì ½ºÅ©·Ñ½Ã ½ºÅ©·Ñ ¹öÆ° º¸À̱â/¼û±â±â $(window).scroll(function() { var wTop = $(this).scrollTop(); // ½ºÅ©·Ñ È°¼ºÈ­ ó¸® ÇÔ¼ö function scrollActive() { if(!$("#header").hasClass('scroll')) { $("#header").addClass('scroll'); $("#scrollTop").stop(true,false).fadeIn(300); } } // ½ºÅ©·Ñ ºñÈ°¼ºÈ­ ó¸® ÇÔ¼ö function scrollInactive() { $("#header").removeClass('scroll'); $("#scrollTop").stop(true,false).fadeOut(300); } if(wTop >= 80) { scrollActive(); } else { scrollInactive(); } }); // ÆäÀÌÁö ·Îµå½Ã ¸Þ´º µ¿±âÈ­ $(window).load(function() { gnbActive(); }); }); $(function() { $(".submnu > li").on("click", "a", function(e) { if ($(this).next('ul').hasClass("snb")) { e.preventDefault(); $(this).next('ul.snb').toggle(300); } }); });