Jquery 替换淡入淡出/动画

Question

我知道有很多关于替换的问题，但似乎没有一个答案适合我的情况。

html: <div id="foo"></div>

我希望 #foo 淡出，然后我想用基本相同的东西替换整个东西(不仅仅是内容)<div id="foo"></div>已淡入。

谢谢

Answer 1

$('#foo').fadeOut("slow", function(){
    var div = $("<div id='foo'>test2</div>").hide();
    $(this).replaceWith(div);
    $('#foo').fadeIn("slow");
});

jsfiddle - http://jsfiddle.net/9Dubr/1/

已更新以正确淡入