XE Default 레이아웃에서 드롭다운 메뉴에서 마우스를 오버 하면 서브메뉴가 한번에 다 열립니다.

각각의 메뉴에 마우스하면 해당되는 각 서브 메뉴만 열리게 하고싶은데 어디를 수정해야할 지 모르겠습니다.

도와주세요. 감사합니다.

default.layout.js 파일입니다.

jQuery(function($){

// GNB

var $gnb = $('.gnb');

var $gnb_li = $gnb.find('>ul>li');

var $gnb_a = $gnb.find('>ul>li>a');

var $gnb_sub = $gnb.find('ul ul');

// IE 7 debug

if($.browser.msie && $.browser.version == "7.0"){

$gnb_a.each(function(){

$(this).width($(this).width());

});

}

if($gnb_sub.length){

$gnb.mouseover(function(){

$gnb.addClass('open');

});

$gnb.mouseleave(function(){

$gnb.removeClass('open');

$gnb_li.removeClass('hover');

});

}

$gnb_a.mouseover(function(){

$(this).parent('li').addClass('hover').siblings('li').removeClass('hover');

});

$gnb_a.focus(function(){

$(this).trigger('mouseover');

});

$gnb.find('a').focusout(function(){

setTimeout(function(){

if($gnb.find('a:focus').length == 0){

$gnb.trigger('mouseout');

}

}, 100);

});