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>

jQuery使用slideDown和replaceWith一起使用

2 个答案: