动画效果开关

和jQuery的stop方法不一样的是

这是用另一种方法直接判断是否有动画效果

code：

##~html

<p>当“切换动画”开关按钮被按下时,我们伴着缓慢的动画在隐藏和显示div之间切换。按“启用”或“禁用”来打开和关闭动画。</p>
<button id="disable">jQuery.fx.off = true ( 禁用 )</button>
<button id="enable">jQuery.fx.off = false ( 启用 )</button>
<br><br>
<button id="toggle">切换动画</button>
<div id="div1">
</div>

 

###~css

#div1{
background:#98bf21;height:100px;width:100px;margin:50px;
}

 

###~js

$(document).ready(function(){
$("#disable").click(function(){
jQuery.fx.off = true;
});
$("#enable").click(function(){
$.fx.off = false;
});
$("#toggle").click(function(){
$("div").toggle("slow");
});
});