javascript - jQuery UI ReplaceWith() 动画？

Question

所以我有一个 div:

<div id="lol">
Some random text!
</div>

我还有其他 div:

<div id="happy">
lol
</div>

如何制作一个动画，其中第一个 div 顺利地被第二个 div 替换？如果执行淡入/淡出，第二个 div 只会在第一个 div 消失后才开始出现。

Answer 1

我认为这会起作用。

$("#happy").hide();

$("#smooth").click(function(){

    $("#happy").show();//no transition for this
    $("#lol").slideUp();//with transition


});

这是一个demo fiddle

或者你甚至可以切换效果，如 this