Egenskapen jQuery.fx.off

Egenskapen jQuery.fx.off låter dig inaktivera animation globalt. När denna egenskap sätts till true kommer alla animationsmetoder att sätta elementen i deras slutliga tillstånd, utan att visa effekter. För att återställa denna inställning, sätt egenskapen tillbaka till false.

Exempel

Anta att vi har en grön rektangel, vi kommer att starta animationen genom att klicka på knappen #start med metoden toggle, och med knappen #toggle kommer vi att slå på och av animationen med inställningen jQuery.fx.off. När animation är inaktiverad kommer vår rektangel bara att dyka upp och försvinna utan några effekter:

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

Se även