Metoda stop

Metoda stop nám umožňuje okamžitě zastavit spuštěnou animaci. Animace bude pokračovat až od další funkce bez dokončení předchozí.

Syntaxe

Tímto způsobem zastavujeme spuštěnou animaci. Lze předat dva volitelné parametry, které přijímají logické hodnoty. Pokud je první parametr nastaven jako true, budou zbývající funkce ve frontě animace odstraněny a nikdy se nespustí. Pokud je druhý parametr nastaven na true, pak při zastavení animace css-vlastnosti elementu okamžitě přijmou své konečné hodnoty (tj., pokud cílem bylo plynule skrýt element, bude skryt okamžitě):

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

Lze také předat volitelný parametr, ve kterém je uveden název fronty:

.stop([název fronty], [clearQueue],[jumpToEnd]);

Animaci lze globálně deaktivovat pomocí nastavení jQuery.fx.off = true, které nastavuje hodnotu délky trvání na 0.

Příklad

Udělejme tak, aby při každém kliknutí na tlačítko #toggle se náš obdélník rozbalil nebo sbalil pomocí metody slideToggle. Klikejte na tlačítko bez čekání na dokončení animace - další fáze se spustí bez čekání na dokončení předchozí, díky metodě 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);
});

Viz také

metoda clearQueue,
která umožňuje odstranit všechny neprovedené prvky z fronty funkcí
vlastnost jQuery.fx.off,
která umožňuje globálně deaktivovat animaci