jQuery slideUp / Down和fadeOut / In中途停止

时间:2012-08-03 19:36:08

标签: jquery fadein fadeout slidedown slideup

这是小提琴:

http://jsfiddle.net/4mmk2/

快速单击按钮将导致动画暂停。我怀疑这是stop()函数的问题,但我找不到修复它的方法。 顺便说一下,我使用stop来阻止jQuery将所有滑动动画放入队列中。

2 个答案:

答案 0 :(得分:1)

尝试:

$('a').toggle(function() {
    $('div').stop(1,1).slideUp()
}, function() {
    $('div').stop(1,1).slideDown()
})​

<强> jsFiddle example

将stop方法的clearQueue和jumpToEnd属性设置为true。

答案 1 :(得分:1)

不推荐使用

toggle(),您可以尝试slideToggle()

$('a').click(function(e) {
    e.preventDefault();
    $('div').stop(true,true).slideToggle()
})

http://jsfiddle.net/4mmk2/3/