jQuery使用slideDown和replaceWith一起使用

Question

我有两个div：div1和div2

我试图实现div1动画为透明的效果，并在其结尾处，div2向下滑动（替换div1）。

这是我试过的（ http://jsfiddle.net/RHSgf/4/ ）：

div1.animate({
   opacity: 0.0
}, 2000, function () {
   $(this).replaceWith(div2.hide().slideDown(2000, 'linear', function () {}));
});

但是在div1的动画结束时，div2并没有如此优雅地滑落。

我不知道为什么滑落是如此生涩。 感谢您帮助找到正确的方法来做到这一点。

Answer 1

将slideDown移出replaceWith ，它应该工作：

$(this).replaceWith(div2.hide());
div2.slideDown(2000, 'linear');

http://jsfiddle.net/elclanrs/RHSgf/5/

Answer 2

试试这个并根据您的要求调整时间！

<script type="text/javascript">
 $(document).ready(function () 

                      {
                        $("#div2").fadeOut(2000);
                        setTimeout(function () {  $("#div1").slideDown(2000); }, 2000);
                      }
                 );

</script>