Метод 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,
које омогућава да се глобално искључи анимација