jQuery.fx.off
Categories: Properties of the Global jQuery Object | Custom
jQuery.fx.offReturns: Boolean
Description: Globally disable all animations.
-
jQuery.fx.off
version added: 1.0
When this property is set to true
, all animation methods will immediately set elements to their final state when called, rather than displaying an effect. This may be desirable for a couple reasons:
- jQuery is being used on a low-resource device.
- Users are encountering accessibility problems with the animations (see the article Turn Off Animation for more information).
Animations can be turned back on by setting the property to false
.
-
Toggle animation on and off
HTML:
<p><input type="button" value="Run"/> <button>Toggle fx</button></p> <div></div>
CSS:
div { width:50px; height:30px; margin:5px; float:left; background:green; }
Code:
var toggleFx = function() { $.fx.off = !$.fx.off; }; toggleFx(); $("button").click(toggleFx) $("input").click(function(){ $("div").toggle("slow"); });