別のドロップダウンがちょうどクリックされた場合にドロップダウンから.slideDownアニメーションを削除する

Question

質問をどのように語るのかが完全にはわかりませんでしたが、現在jquery toggleSlideを使用するドロップダウンがあります。ドロップダウンボタンを押すと、アニメーションが順番に再生されます（期待どおり）。もう一つのドロップダウンがslideDownアニメーションを再生したばかりの場合に、単に.showにslideToggleを非アクティブにする方法があるのだろうかと思いました。

私は、各ドロップダウン

$(function() { 

// Dropdown toggle 
$('.menu1Container').click(function(){ 
$(this).next('#menu1Dropdown').slideToggle(90); 
}); 

$(document).click(function(e) { 
var target = e.target; 
if (!$(target).is('.menu1') && !$(target).parents().is('.menu1')) { 
$('#menu1Dropdown').slideUp(90); 
} 
}); 

}); 

https://jsfiddle.net/9j3k61rg/に使用jqueryのは、うまくいけば、これはあなたのドロップダウンはまさに私が何を意味するかを示して、私はtheverge.com、話しているかのアイデアを提供します。

ありがとう

Answer 1

他のメニューを非表示にすることができます。

hide（）メソッドを次の関数に追加します。すべてのアニメーションをキャンセルします。

// Dropdown toggle 
$('.menu2Container').click(function(){ 
    $(this).next('#menu2Dropdown').slideToggle(1000); 
    $('#menu1Dropdown').hide(); 
}); 

新フィドルhttps://jsfiddle.net/9j3k61rg/1/