多次点击幻灯片切换 - stop() 不起作用

Question

我想用jQuery的slideToggle()构建可扩展块。我的代码没有什么特别之处：

$('.main-blocks').on('click', 'article.expand a', function() {            
    var article = $(this).closest('article'),
        scroll = article.offset().top;
    article.children('.desc').stop().slideToggle('fast', function() {
        Functions.masonryBlocks(scroll);
    });
    return false;
});

再简单不过了。但是，当我在目标链接上多次单击时，块是反弹，就像没有任何stop()-而且有一个一样。

我能用这个做什么？

Fiddle：http://jsfiddle.net/arunpjohny/n8har5nb/1/（感谢@Arun P Johny）

Answer 1

以下是jQuery .stop()文档：http://api.jquery.com/stop/该方法有两个可选参数：clearQueue和jumpToEnd，您可以使用它们。