How to disable jQuery animations

jQuery Notification plugin

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.

Leave a Reply

Your email address will not be published. Required fields are marked *