# jQuery.fx.off

## jQuery.fx.off ( ) Returns: Boolean version added: 1.3

Description: 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 (see the article Turn Off Animation for more information).

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

## Examples:

#### Example: Toggle animation on and off

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css demo</title>

      <style>

      div {
        width: 50px;
        height: 30px;
        margin: 5px;
        float: left;
        background: green;
      }

      </style>

      <script src="//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>

#### Demo: