The jQuery.fx.off method is used to globally enable or disable jQuery animations whose default value is false which allows animations to run normally.
Syntax:
jQuery.fx.off = true|false;
$.fx.off = true|false;
The true value specifies that the animations should be disabled and the false value is default value which specifies that the animations should be enabled.
Read Also: jQuery jQuery scroll to element
Example to enable or disable jQuery animations:
<button id="disable">Disable</button> <button id="enable">Enable</button> <button id="toggle">Toggle animation</button> <div style="background:#C2C2C2;height:100px;width:100px;"></div>
<script>
$(document).ready(function(){
$("#disable").click(function(){
jQuery.fx.off = true;
});
$("#enable").click(function(){
jQuery.fx.off = false;
});
$("#toggle").click(function(){
$("div").toggle("slow");
});
});
</script>
In this way you can enable/disable the animations by setting the property to true or false.
Go to jQuery reference for more information.
Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.