$(function(){ /* Top Menu */ $(".gnb > .wrap > ul > li > a").click(function(){ // top메뉴 마우스클릭효과 $(".sub_wrap").slideDown("fast"); $(".subBg").slideDown("fast"); return false; }) // mouseover $(".gnb > .wrap > ul > li > a").mouseenter(function(){ // top메뉴 마우스오버효과 $(".gnb > .wrap > ul > li > a").removeClass("on"); $(".gnb > .wrap > ul > li > .sub_wrap").removeClass("subOn"); $(".closeMenu").css("display","block"); $(this).addClass("on"); $(this).parent().find(".sub_wrap").addClass("subOn"); return false; }) // mouseover $(".gnb").mouseleave(function(){ //top메뉴 영역 마우스 떠날때 $(".sub_wrap").slideUp("fast"); $(".subBg").slideUp("fast"); $(".closeMenu").css("display","none"); $(".gnb > ul > li > a").removeClass("on"); })// mouseleave $(".subBg").mouseleave(function(){ //subBg메뉴 영역 마우스 떠날때 $(".sub_wrap").slideUp("fast"); $(".subBg").slideUp("fast"); $(".closeMenu").css("display","none"); $(".gnb > ul > li > a").removeClass("on"); })// mouseleave $(".gnb > .wrap > ul > li > a").focus(function(){ //top메뉴영역 포커스 들어올때 $(".gnb > .wrap > ul > li > a").removeClass("on"); $(".gnb > .wrap > ul > li > .sub_wrap").removeClass("subOn"); $(".sub_wrap").slideDown("fast"); $(".subBg").slideDown("fast"); $(".closeMenu").css("display","block"); $(this).addClass("on"); $(this).parent().find(".sub_wrap").addClass("subOn"); return false; }) $(".closeMenu > a").click(function(){ // 닫기 $(".sub_wrap").slideUp("fast"); $(".subBg").slideUp("fast"); $(".closeMenu").css("display","none"); $(".gnb > .wrap > ul > li > a").removeClass("on"); }) // click $(".closeMenu").focusout(function(e){ //alert(e.target.tagName.className); $(".sub_wrap").slideUp("fast"); $(".subBg").slideUp("fast"); $(".closeMenu").css("display","none"); $(".gnb > .wrap > ul > li > a").removeClass("on"); }); }) // function