Proprietà jQuery.fx.off

La proprietà jQuery.fx.off permette di disabilitare globalmente le animazioni. Impostando questa proprietà a true, tutti i metodi di animazione imposteranno gli elementi nel loro stato finale, senza mostrare effetti. Per annullare questa impostazione, reimposta questa proprietà a false.

Esempio

Supponiamo di avere un rettangolo verde, avvieremo l'animazione cliccando sul pulsante #start usando il metodo toggle, e con il pulsante #toggle attiveremo e disattiveremo l'animazione tramite l'impostazione jQuery.fx.off. Con l'animazione disattivata, il nostro rettangolo apparirà e scomparirà semplicemente senza alcun effetto:

html<input id="start" type="button" value="start">
<button id="toggle">toggle fx</button>
<div></div>

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

javascriptlet toggleFx = function() {
  $.fx.off = !$.fx.off;
};   

$('#toggle').click(toggleFx);

$('#start').click(function() {
  $('div').toggle('slow');
});

Vedi anche