Свойство jQuery.fx.off

Свойство jQuery.fx.off позволяет глобально отключить анимацию. При установке этого свойства в значение true все анимационные методы будут устанавливать элементы в их конечное состояние, без показа эффектов. Чтобы отменить эту настройку, установите это свойство обратно в false.

Пример

Предположим у нас есть зеленый прямоугольник, мы будем запускать анимацию по нажатию на кнопку #start с помощью метода toggle, а с помощью кнопки #toggle мы будем включать и выключать анимацию с помощью настройки jQuery.fx.off. При выключенной анимации наш прямоугольник будет просто появляться и пропадать без всяких эффектов:

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

Смотрите также