jquery - onclick 的悬停意图

Question

我正在使用 jqueryUI 来做一个 div 框的切换效果

示例：http: //jqueryui.com/toggle/

唯一的问题是当我快速单击按钮多次并停止单击时，div 框不会立即停止切换效果，而是继续执行与我之前单击相同的操作。

该问题类似于悬停切换/动画效果案例，hoverintent 将成为悬停错误的解决方案。

我无法为 onclick 切换效果找到任何悬停意图。有什么建议吗？

先谢谢了！

Answer 1

使用下面的代码，你可以点击所有你想要的......（我没有为此使用 Jquery UI，但是很好的 ol Jquery 库，但它应该与 UI 一起使用......）
试试这个：
Fiddle here

$(document).ready(function(){
$('.button').click(function(){
if($('.toggle').is(':visible')){
$('.toggle').slideUp(500);
}
else{
$('.toggle').slideDown(500);
}
});
});

Answer 2

这是因为效果是排队的。要关闭它，只需使用选项：

{queue: false}