$(document).ready(function() { $('#menu01').mouseenter(function() { if( !$("#sub1").is(":visible") ){ $(".sub").hide(); $("#sub1").animate({width: 'toggle'}); changeClass(1, "0"); } }); $('.sub').mouseleave(function() { resetClass(); goDefaultMenu(); }); $('#menu02').mouseenter(function() { if( !$("#sub2").is(":visible") ){ $(".sub").hide(); $("#sub2").animate({width: 'toggle'}); changeClass(2,"0"); } }); $('#menu03').mouseenter(function() { if( !$("#sub3").is(":visible") ){ $(".sub").hide(); $("#sub3").animate({width: 'toggle'}); changeClass(3,"0"); } }); $('#menu04').mouseenter(function() { if( !$("#sub4").is(":visible") ){ $(".sub").hide(); $("#sub4").animate({width: 'toggle'}); changeClass(4,"0"); } }); $('#menu05').mouseenter(function() { if( !$("#sub5").is(":visible") ){ $(".sub").hide(); $("#sub5").animate({width: 'toggle'}); changeClass(5,"0"); } }); $('#menu06').mouseenter(function() { if( !$("#sub6").is(":visible") ){ $(".sub").hide(); $("#sub6").animate({width: 'toggle'}); changeClass(6,"0"); } }); $('#menu07').mouseenter(function() { if( !$("#sub7").is(":visible") ){ $(".sub").hide(); $("#sub7").animate({width: 'toggle'}); changeClass(7,"0"); } }); $('#menu08').mouseenter(function() { if( !$("#sub8").is(":visible") ){ $(".sub").hide(); $("#sub8").animate({width: 'toggle'}); changeClass(8,"0"); } }); $('#menu09').mouseenter(function() { if( !$("#sub9").is(":visible") ){ $(".sub").hide(); $("#sub9").animate({width: 'toggle'}); changeClass(9,"0"); } }); $('#menu10').mouseenter(function() { if( !$("#sub10").is(":visible") ){ $(".sub").hide(); $("#sub10").animate({width: 'toggle'}); changeClass(10,"0"); } }); // Çì´õ¿¡¼­ ¸¶¿ì½º°¡ ¶°³ª¸é ¼­ºê¸Þ´º »ç¶óÁü $('#header').mouseleave(function(){ $('#header > .sub').hide(); }); }); // function changeClass(idx,gubun){ // for(var i=1; i<9; i++ ){ // $("#g_menu"+i).removeClass("menu"+i+"b").addClass("menu"+i); // } // if( gubun=="0"){ // $("#g_menu"+idx).addClass("on"); // }else{ // $("#g_menu"+idx).removeClass("on"); // } // } function resetClass(){ for(var i=1; i<9; i++ ){ $("#g_menu"+i).removeClass("on") } } function changeClass2(idx,sub_idx){ for(var i=1; i<11; i++ ){ $(".menu"+i).removeClass("on") } // ´ëºÐ·ù $("#g_menu"+idx).addClass("on"); //Áߺзù $("#sub"+idx+"_menu"+sub_idx).addClass("on"); }