|
Сообщение от Aqua77
|
|
Я знаю что делает этот метод.
|
Точно?
.stop(true,true) - актуально, если у объекта есть в очереди анимация, иначе не важно.
Следующий метод просто удаляет из очереди первую анимацию, не важно что там при этом, без параметров метод или 0,0
<html>
<head>
<style>
.foo {
position: absolute;
top: 10px;
width: 30px;
height: 30px;
background: #000;
}
#b1 {
left: 10px;
}
#b2 {
left: 50px;
}
#b3 {
left: 90px;
}
#b4 {
left: 130px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(function() {
//#1
$('#b1').slideUp()
.slideToggle();
//#2
$('#b2').slideUp()
.slideToggle()
.stop();
//#3
$('#b3').slideUp()
.slideToggle()
.stop(0,0);
//#4
$('#b4').slideUp()
.slideToggle()
.stop(1,1);
});
</script>
</head>
<body>
<div class="foo" id="b1"></div>
<div class="foo" id="b2"></div>
<div class="foo" id="b3"></div>
<div class="foo" id="b4"></div>
</body>
</html>
Есть разница между #2 и #3, и между #3 и #4? А чтобы понятней стало добавьте в #4 еще одну очередь.