var oneNum = -1; var twoNum = -1; jQuery(document).ready(function(){ //top //jQuery(".top ul").children("li").removeClass("on"); jQuery(".top ul").children("li").each(function(q){ jQuery(this).mouseover(function(){ jQuery("#menu").stop(true, true).delay(300).animate({height:38}, 400, "easeOutCubic"); jQuery(".top ul").children("li").removeClass("on"); jQuery(this).addClass("on"); }); jQuery(this).mouseout(function(){ jQuery("#menu").stop(true, true).delay(300).animate({height:38}, 400, "easeOutCubic", function(){jQuery(this).removeClass("on");}); }) jQuery(this).focusin(function(){ jQuery("#menu").stop(true, true).delay(300).animate({height:38}, 400, "easeOutCubic"); jQuery(".top ul").children("li").removeClass("on"); jQuery(this).addClass("on"); }).focusout(function(){ jQuery("#menu").stop(true, true).delay(300).animate({height:38}, 400, "easeOutCubic", function(){jQuery(this).removeClass("on");}); }) }) //lnb // mouse on if(oneNum != -1) activeSub(); jQuery(".lnb ul").children("li").each(function(q){ jQuery(this).mouseenter(function(){ if(oneNum != -1) { jQuery(".lnb ul").children("li").eq(oneNum).removeClass("on"); } jQuery(".lnbDiv").stop().animate({height:180}, 400, "easeOutCubic"); jQuery(".lnbDiv").css({"background-color":"#6c706f"}); jQuery(".oneDep").css({"color":"#fff"}); jQuery(this).addClass("on"); }).focusin(function(){ jQuery(this).mouseenter(); }) // mouse out jQuery(this).mouseleave(function(){ jQuery(this).removeClass("on"); jQuery(".lnbDiv").stop().animate({height:38}, 400, "easeOutCubic"); jQuery(".lnbDiv").css({"background-color":"#fff"}); jQuery(".oneDep").css({"color":"#666"}); if(oneNum != -1) { activeSub() } }).focusout(function(){ jQuery(this).mouseleave(); }) jQuery(this).find(".twoDep").find("a").each(function(){ jQuery(this).mouseover(function(){ }) jQuery(this).mouseout(function(){ }) }) }) }) function activeSub() { jQuery(".lnb ul").children("li").eq(oneNum).addClass("on"); }