jQuery.fx.off

Globally disable all animations.

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.

jQuery.fx.off

version added: 1.3

Examples:

Toggle animation on and off

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.fx.off demo</title>
  <style>
  div {
    width: 50px;
    height: 30px;
    margin: 5px;
    float: left;
    background: green;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
  
<input type="button" value="Run">
<button>Toggle fx</button>
<div></div>
  
<script>
var toggleFx = function() {
  $.fx.off = !$.fx.off;
};
toggleFx();
$( "button" ).click( toggleFx );
$( "input" ).click(function() {
  $( "div" ).toggle( "slow" );
});
</script>
  
</body>
</html>

Links:

http://api.jquery.com/jquery.fx.off

doc_jQuery

2025-01-10 15:47:30

Comments