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/

已更新为正确淡入

Answer 2

$('#foo').fadeOut("slow", function(){
  $('#foo').html(data);
  $('#foo').fadeIn("slow");
}