Свойство 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,
который анимирует свойства элементов