Eigenschap jQuery.fx.off

De eigenschap jQuery.fx.off maakt het mogelijk om animatie globaal uit te schakelen. Bij het instellen van deze eigenschap op de waarde true zullen alle animatiemethoden de elementen in hun eindtoestand plaatsen, zonder effecten te tonen. Om deze instelling ongedaan te maken, stelt u deze eigenschap terug in op false.

Voorbeeld

Stel we hebben een groene rechthoek, we starten een animatie door te klikken op de knop #start met behulp van de methode toggle, en met de knop #toggle schakelen we de animatie in en uit met behulp van de instelling jQuery.fx.off. Bij uitgeschakelde animatie zal onze rechthoek eenvoudig verschijnen en verdwijnen zonder enige effecten:

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

Zie ook