How to disable jQuery animations

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.

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.

You may like:  jQuery bind() and unbind() - attaching event handlers

Leave a Reply

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