Свойство jQuery.fx.off - глобально отключает анимацию
Свойство jQuery.fx.off позволяет
глобально отключить анимацию. При установке
этого свойства в значение true все
анимационные методы будут устанавливать
элементы в их конечное состояние, без показа
эффектов. Чтобы отменить эту настройку,
установите это свойство обратно в false.
Пример
Предположим у нас есть зеленый прямоугольник,
мы будем запускать анимацию по нажатию на кнопку
#start с помощью метода
toggle,
а с помощью кнопки #toggle мы будем включать
и выключать анимацию с помощью настройки
jQuery.fx.off. При выключенной анимации наш
прямоугольник будет просто появляться и пропадать без
всяких эффектов:
<input id="start" type="button" value="start">
<button id="toggle">toggle fx</button>
<div></div>
div {
width: 50px;
height: 30px;
margin: 5px;
float: left;
background: green;
}
let toggleFx = function() {
$.fx.off = !$.fx.off;
};
$('#toggle').click(toggleFx);
$('#start').click(function() {
$('div').toggle('slow');
});
Смотрите также
-
метод
animate,
который анимирует свойства элементов