Метад stop

Метад stop дазваляе нам неадкладна спыніць запушчаную анімацыю. Анімацыя працягнецца ўжо з наступнай функцыі без завяршэння папярэдняй.

Сінтаксіс

Так мы спыняем запушчаную анімацыю. Можна перадаць два неабавязковыя параметры, якія прымаюць Булевыя значэнні. Калі першы параметр устанавіць як true, то якія засталіся функцыі ў чарзе анімацыі будуць выдалены і ніколі не запустяцца. Калі другі парметр устанавіць у true, то пры спыненні анімацыі css-уласцівасці элемента неадкладна прымуць свае канчатковыя значэнні (г.зн., калі мэтай было плаўна схаваць элемент, то ён будзе схаваны імгненна):

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

Можна таксама перадаць неабавязковы параметр, у якім паказваецца назва чаргі:

javascript.stop([імя чаргі], [clearQueue],[jumpToEnd]);

Анімацыю можна адключыць глабальна, выкарыстоўваючы наладку jQuery.fx.off = true, якая ўстанаўлівае значэнне працягласці ў 0.

Прыклад

Давайце зробім так, каб пры кожным кліку па кнопцы #toggle наш прастакутнік то разгортваўся, то згортваўся з дапамогай метаду slideToggle. Націскайце на кнопку, не дачакаўшыся завяршэння анімацыі - наступны этап будзе запускацца, не дачакаўшыся завяршэння папярэдняга, дзякуючы метаду stop:

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

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

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

Глядзіце таксама