How to disable jQuery animations

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.