Propriété jQuery.fx.off

La propriété jQuery.fx.off permet de désactiver globalement l'animation. Lors de la définition de cette propriété à la valeur true, toutes les méthodes d'animation définiront les éléments dans leur état final, sans afficher d'effets. Pour annuler ce paramètre, définissez cette propriété à nouveau à false.

Exemple

Supposons que nous ayons un rectangle vert, nous lancerons l'animation en cliquant sur le bouton #start à l'aide de la méthode toggle, et à l'aide du bouton #toggle nous activerons et désactiverons l'animation via le paramètre jQuery.fx.off. Lorsque l'animation est désactivée, notre rectangle apparaîtra et disparaîtra simplement sans aucun effet :

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

Voir aussi

la méthode animate,
qui anime les propriétés des éléments