Форум

dddaaa11 · #11 (**permalink**) 21.10.2011, 16:02

Спасибо за варианты, все работает )

Видимо время отрисовки эффекта hide не учитывается при обработке.

o.queue(function (){$("#div1").hide('slow');});
o.dequeue();		
o.queue(function (){$("#div2").slideToggle('slow');});
o.dequeue();

даже при таком варианте div2 появляется до того, как полностью исчезает div1

walik · #12 (**permalink**) 21.10.2011, 16:07

<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>

ksa · #13 (**permalink**) 21.10.2011, 16:09

walik, понятно...

walik · #14 (**permalink**) 21.10.2011, 16:18

Сообщение от dddaaa11

даже при таком варианте 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: 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>

dddaaa11 · #15 (**permalink**) 21.10.2011, 17:03

тему можно закрывать, пасиба

Форум

Справочник

Discord чат

Курсы javascript