從下拉列表中刪除.slideDown動畫，如果另一個下拉列表只是點擊

Question

我不完全確定如何提出問題，但我目前有一個下拉使用jquery toggleSlide，它工作正常，但如果我點擊通過下拉按鈕，動畫播放一個又一個（正如預期）我想知道是否有一種方法來停用slideToggle只是.show如果另一個下拉菜單播放slideDown動畫。

我使用的每一個下拉

$(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/