Właściwość jQuery.fx.off

Właściwość jQuery.fx.off pozwala globalnie wyłączyć animację. Po ustawieniu tej właściwości na wartość true wszystkie metody animacyjne będą ustawiać elementy w ich stan końcowy, bez pokazywania efektów. Aby anulować to ustawienie, ustaw tę właściwość z powrotem na false.

Przykład

Załóżmy, że mamy zielony prostokąt, będziemy uruchamiać animację po naciśnięciu przycisku #start za pomocą metody toggle, a za pomocą przycisku #toggle będziemy włączać i wyłączać animację za pomocą ustawienia jQuery.fx.off. Przy wyłączonej animacji nasz prostokąt będzie po prostu pojawiać się i znikać bez żadnych efektów:

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');
});

Zobacz też