Метод stop

Методот stop ни овозможува веднаш да ја застанеме пуштената анимација. Анимацијата ќе продолжи веќе од следната функција без да го заврши претходното.

Синтакса

Вака ја застануваме пуштената анимација. Може да се пренесат два незадолжителни параметри, кои прифаќаат Булови вредности. Ако првиот параметар се постави како true, тогаш преостанатите функции во редот на анимација ќе бидат отстранети и никогаш нема да се пуштат. Ако вториот параметар се постави на true, тогаш при застанување на анимацијата css-својствата на елементот веднаш ќе ги земат своите конечни вредности (т.е., ако целта било мазно да се скрие елементот, тој ќе биде скриен моментално):

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

Може да се пренесе и незадолжителен параметар, во кој се наведува името на редот:

.stop([име на редот], [clearQueue],[jumpToEnd]);

Анимацијата може да се оневозможи глобално, користејќи ја поставката jQuery.fx.off = true, која ја поставува вредноста на траењето на 0.

Пример

Ајде да направиме така што при секој клик на копчето #toggle нашиот правоаголник да се расклопи, па да се склапува со методот slideToggle. Кликнете на копчето, без да чекате да заврши анимацијата - следната фаза ќе се пушти, без да чека да заврши претходната, благодарение на методот 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);
});

Погледнете ги и

методот clearQueue,
кој овозможува да се отстранат сите неизвршени елементи од редот на функции
својството jQuery.fx.off,
кое овозможува глобално да се оневозможи анимацијата