別のサブメニュークローズサブメニューを開く

Question

私はサブメニュー用のスクリプトをナビゲーションに作成します。私はサブメニューを開きます。サブームはショーで、いつ私はマウスアウトします。サブメニューは、300の遅延の閉じた幅です。

しかし、私はスクリプトに問題があります。ナビゲーションには8つのサブメニューがあります。最初のサブメニューにカーソルを合わせるとこのサブメニューは開いています。 2番目のサブメニューにカーソルを合わせると私は2つのサブメニューを開いています。

新しいサブメニューを開くとき。また、別のサブメニューが開いています。もう一方のサブはすぐに閉じる必要があります。どうしたらいいですか？

ありがとうございます！

これは私のスクリプトです：

$('.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(); 
    }