如果刚刚单击了另一个下拉列表,则从下拉列表中删除.slideDown动画

时间:2016-09-07 05:13:31

标签: javascript jquery html css drop-down-menu

我不完全确定如何说出问题,但我目前有一个使用jquery toggleSlide的下拉列表,它工作正常但是如果我点击下拉按钮,动画会一个接一个地播放(正如预期的那样)我想知道是否有一种方法可以将slideToggle停用为仅显示。如果另一个下拉列表只播放了slideDown动画。

我用于每个下拉列表的jquery

day_fri

https://jsfiddle.net/9j3k61rg/希望这可以让您了解我所谈论的内容,theverge.com下拉菜单显示了我的意思。

由于

1 个答案:

答案 0 :(得分:0)

您可以隐藏其他菜单。

将hide()方法添加到以下函数中。它会取消所有动画。

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

新小提琴https://jsfiddle.net/9j3k61rg/1/