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 :

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

Voir aussi