Categories

jQuery.fx.off

Categories: Properties of the Global jQuery Object | Custom

jQuery.fx.offReturns: Boolean

Description: Globally disable all animations.

  • jQuery.fx.off

    version added: 1.0

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.

  • Toggle animation on and off

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