Jquery replacewith fade/animate

前端之家收集整理的这篇文章主要介绍了Jquery replacewith fade/animate前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道有很多关于替换的问题,但没有一个似乎有答案适用于我的情况。

html:< div id =“foo”>< / div>

我想让#foo淡出,然后我想用基本上相同的东西替换整个东西(不只是内容)< div id =“foo”>< / div>它是褪色的。

谢谢

解决方法

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

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

更新以正确淡入

猜你在找的jQuery相关文章