Свойство 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');
});

Вижте също