javascript - jQuery UI ReplaceWith() 动画?

标签 javascript jquery jquery-ui animation

所以我有一个 div:

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

我还有其他 div:

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

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

最佳答案

我认为这会起作用。

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

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

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


});

这是一个demo fiddle

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

关于javascript - jQuery UI ReplaceWith() 动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18642526/

相关文章:

javascript - meteor 和S3 : How to define three different images by one upload/editing

javascript - Kendo 网格 - 如何在添加/编辑子行(详细信息网格)时访问父行模型

c# - 在 javascript/jquery 中创建动态 TreeView ?

javascript - 自动关闭不适用于日期选择器

javascript - 带有网格的 jQuery 可调整大小居中 div 产生意想不到的结果

javascript - 在 Javascript 类中从另一个方法调用一个方法

javascript - 动态更改 SharePoint 2013 搜索代码段中的内容

javascript - typescript - 创建表示偶数集的类型

javascript - 如何消除登录成功后的错误提示

javascript - JQuery 日期选择器返回周数和星期几