다른 하위 메뉴 닫기 하위 메뉴 열기

Question

내 탐색 메뉴에서 내 하위 메뉴에 대한 스크립트를 만듭니다. 내가 하위 메뉴를 열면. 하위 메뉴는 쇼이며 언제 내가 마우 스 아웃합니까? 하위 메뉴는 300 지연의 너비 닫혀 있습니다.

하지만 스크립트에 문제가 있습니다. 네비게이션에는 8 개의 하위 메뉴가 있습니다. 첫 번째 하위 메뉴 위로 마우스를 가져 가면 이 하위 메뉴가 열려 있습니다. 두 번째 하위 메뉴로 마우스를 가져 가면 두 개 이상의 하위 메뉴가 열려 있습니다.

새 하위 메뉴를 열면. 그리고 다른 하위 메뉴가 열려 있습니다. 다른 하위는 즉시 닫아야합니다. 어떻게 만들 수 있습니까?

고맙습니다.

이

내 스크립트입니다 : 먼저 하위 메뉴 모두를 숨길 수 있습니다

$('.nav-main .container li').hover(function() { 
    if ($(this).find('.submenu').length > 0) { 
     $(this).addClass("hover"); 
     $(this).find('.submenu').show(); 
    } 
}, function() { 
    var object = $(this); 
    setTimeout(function() 
    { 
     $(object).find('.submenu').hide(); 
     $(object).removeClass("hover"); 
    }, 300); 
}); 

Answer 1

하위 메뉴를 표시하기 전에;

if ($(this).find('.submenu').length > 0) { 
     $(this).addClass("hover"); 
     $('.submenu').hide();//Here 
     $(this).find('.submenu').show(); 
    }