$(function(){ //모바일체크 function isMobile(){ var tmpUser = navigator.userAgent; var isMobile=false; if (tmpUser.indexOf("iPhone") > 0 || tmpUser.indexOf("iPad") > 0 || tmpUser.indexOf("iPad") > 0 || tmpUser.indexOf("Android") > 0){ isMobile=true; } return isMobile; } var isMobileWeb = isMobile(); if(isMobileWeb){ $('html').addClass('mobile'); }else{ $('html').addClass('pc'); } //스킵 내비게이션 (function(global, $){ $('.skip-nav').on('click', 'a', function(e) { e.preventDefault(); var href = 'href'; var hash = this.getAttribute(href), $target = $.data(this, 'target') ? $.data(this, 'target') : $.data(this, 'target', $( hash )); $target.attr('tabindex','0').focus(); $target.on('blur', removeTabindex.bind($target) ); global.location.hash = hash; }); function removeTabindex() { this.removeAttr('tabindex'); } })(window, window.jQuery); //상단메뉴 topMenu(); mobileNav(); //전체메뉴 allMenu(); }); function topMenu(){ var $ganvLi = $('#gnav > li'); var $ganvDiv = $('#gnav > li > ul'); var a = 'a'; $ganvLi.children(a).mouseenter(function(){ $ganvDiv.show(); }); $ganvLi.mouseenter(function(){ $(this).addClass("active"); }); $ganvLi.mouseleave(function(){ $(this).removeClass("active"); }); $ganvLi.children(a).keydown(function (key) { if(key.keyCode == 13){ $ganvDiv.show(); return false; } }); $('#gnav').mouseleave(function(){ $ganvDiv.hide(); }); } function mobileNav(){ $("body").append("
"); var w = parseInt($("html").width()); $("#mobile-menu").click(function(){ $("#sidr").css({"left":0}); $(".blind").show(); }); $("#sidr .m-navi-close button").click(function(){ $("#sidr").css({"left":-320}); $(".blind").hide(); }); $(".m-navi > li > a").click(function(e){ if($(this).next().length > 0){ e.preventDefault(); $(".m-navi > li.on").removeClass("on"); if($(this).next().css("display")!="block"){ //$(this).next().show(); $(this).parent().addClass("on"); }else{ //$(this).next().hide(); $(this).parent().removeClass("on"); } } }); } function allMenu(){ var $this; $(".btn-all").click(function(){ $this = $(this); if($(".allMenu").css("display")=="none"){ allMenuOpen(); }else{ allMenuClose(); } }); $(".allMenu-close button").click(function(){ allMenuClose(); }); function allMenuOpen(){ $(".allMenu").show(); $(".allMenu").attr("tabindex", 0).show().focus(); } function allMenuClose(){ $(".allMenu").css("display", "none"); //$this.focus(); $(".btn-all").focus(); } }