jquery - 淡入淡出重复

Question

当我快速单击#div 几次时，会执行多次fadeIn 和fadeOut。我希望动画不重复，如果我快速单击#div 动画只执行一次。

代码：

$("#div").click(function(){
    $("#information").fadeIn(1200).fadeOut(1200);
});

对不起我的英语不好 ;）

Answer 1

尝试使用.stop()

$("#information").stop(true, true).fadeIn(1200).fadeOut(1200);

演示---> http://jsfiddle.net/S48RU/