jQuery.fx.off

Globally disable all animations.

jQuery.fx.off()🡢 Boolean

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.

Animations can be turned back on by setting the property to false.

Toggle animation on and off

JS
<input type="button" value="Run" />
<button>Toggle fx</button>
<div></div>
CSS
div {
  width: 50px;
  height: 30px;
  margin: 5px;
  float: left;
  background: green;
}
HTML
var toggleFx = function () {
  $.fx.off = !$.fx.off;
};
toggleFx();
$("button").click(toggleFx);
$("input").click(function () {
  $("div").toggle("slow");
});
DEMO

Looking for a Web Developer?

👋

Hi! I'm Basti, author of this site. If you are looking for a web developer with 15+ years of experience, holla at me!

Be it the good 'ol jQuery, vanilla JS or modern frameworks like Vue and Svelte, front- or backend, I can help you.

Just write me at jobs@jqapi.com :)