Метад 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,
якое дазваляе глабальна адключыць анімацыю