function gnbMenu(depth1,depth2){ $(".mainMenu ul").hide(); $("#gnb .mainMenu li a").bind('focusin mouseenter',function() { $(this).parent().find("ul").css("display", "block"); $(this).addClass('on'); $(this).parent().siblings().find("ul").css("display", "none"); $(this).parent().siblings().find("a").removeClass('on'); }); $("#gnb .mainMenu").bind('mouseleave',function() { $(this).children('li').find('ul').css("display", "none"); $(this).children('li').find("a").removeClass('on'); $('#gnb .mainMenu > li:eq('+depth1+') > a').addClass("on") $('#gnb .mainMenu > li:eq('+depth1+') > a').parent().find("ul").css("display", "block"); $('#gnb .mainMenu > li:eq('+depth1+') ul li:eq('+depth2+') > a').addClass("on") }); if ( $('#gnb .mainMenu > li').size() > depth1){ $('#gnb .mainMenu > li:eq('+depth1+') > a').addClass("on") $('#gnb .mainMenu > li:eq('+depth1+') > a').parent().find("ul").css("display", "block"); $('#gnb .mainMenu > li:eq('+depth1+') ul li:eq('+depth2+') > a').addClass("on") } $("#gnb .mainMenu li:last-child ul li:last-child a").bind('focusout',function() { $(this).parents('.mainMenu ul').css("display", "none"); $(this).parents('#gnb .mainMenu li').find("a").removeClass('on'); $('#gnb .mainMenu > li:eq('+depth1+') > a').addClass("on") $('#gnb .mainMenu > li:eq('+depth1+') > a').parent().find("ul").css("display", "block"); $('#gnb .mainMenu > li:eq('+depth1+') ul li:eq('+depth2+') > a').addClass("on") }); $("#main").mouseover(function(){ $(".bg").css("display","none"); }); $("#sub").mouseover(function(){ $(".bg").css("display","block"); }); $("#gnb ul.mainMenu li").on("mouseover" , function(){ $(".bg").css("display","block"); }); $("#gnb ul.mainMenu li").on("mouseleave" , function(){ $(".bg").css("display","block"); }); }