Спасибо за варианты, все работает )
Видимо время отрисовки эффекта hide не учитывается при обработке.
o.queue(function (){$("#div1").hide('slow');});
o.dequeue();
o.queue(function (){$("#div2").slideToggle('slow');});
o.dequeue();
даже при таком варианте div2 появляется до того, как полностью исчезает div1 |
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
</head>
<body>
<style>
div {width: 100px;height: 100px;}
#div1 {background: red;}
#div2 {background: yellow;}
#div3 {background: brown;}
#div4 {background: green;}
#div5 {background: blue;display: none;}
</style>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
<script>
$.when(
$('#div1').hide(1200),
$('#div2').hide(500),
$('#div3').hide(2500),
$('#div4').hide(1800)
).done(function() {$('#div5').show(1000)});
</script>
</body>
</html>
|
walik, понятно... :yes:
|
Цитата:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
</head>
<body>
<style>
div {width: 100px;height: 100px;}
#div1 {background: red;}
#div2 {background: blue;display: none;}
</style>
<div id="div1"></div>
<div id="div2"></div>
<script>
var o=$("#div1")
o.queue(function (){$("#div1").hide('slow');});
o.queue(function (){$("#div2").slideToggle('slow');});
o.dequeue();
</script>
</body>
</html>
|
тему можно закрывать, пасиба :dance:
|
| Часовой пояс GMT +3, время: 07:05. |