Metoda stop

Metoda stop ne permite să oprim imediat o animație pornită. Animația va continua deja cu următoarea funcție fără a finaliza cea anterioară.

Sintaxă

Așa oprim o animație pornită. Se pot transmite doi parametri opționali, care acceptă valori Booleene. Dacă primul parametru este setat ca true, atunci funcțiile rămase în coada de animație vor fi șterse și nu se vor mai porni niciodată. Dacă al doilea parametru este setat la true, atunci la oprirea animației, proprietățile css ale elementului își vor lua imediat valorile finale (adică, dacă scopul era să ascundă elementul gradual, atunci acesta va fi ascuns instantaneu):

.stop([clearQueue], [jumpToEnd]);

De asemenea, se poate transmite un parametru opțional, în care se specifică numele cozii:

.stop([numele cozii], [clearQueue],[jumpToEnd]);

Animația poate fi dezactivată global, folosind setarea jQuery.fx.off = true, care stabilește valoarea duratei la 0.

Exemplu

Să facem astfel încât la fiecare click pe butonul #toggle dreptunghiul nostru să se desfășoare, apoi să se împăturească folosind metoda slideToggle. Apăsați pe buton, fără a aștepta finalizarea animației - următoarea etapă va începe, fără a aștepta finalizarea celei anterioare, datorită metodei stop:

<button id="toggle">toggle</button>
<div id="test"></div>

#test {
	background-color: green;
	border: 1px solid black;
	width: 200px;
	height: 100px;
	margin: 10px;
}

$('#toggle').on('click', function() {
	$('#test').stop().slideToggle(1500);
});

Vedeți și

metoda clearQueue,
care permite ștergerea tuturor elementelor neefectuate din coada de funcții
proprietatea jQuery.fx.off,
care permite dezactivarea globală a animației