jQuery 替换元素 w/ 向左滑动效果

【问题标题】：JQuery Replace Element w/ Slide Left EffectjQuery 替换元素 w/ 向左滑动效果
【发布时间】：2023-03-04 22:21:01
【问题描述】：

目前我使用淡出动画效果替换div 元素的内容。

$('#divID').fadeOut('slow', function(){
    $(this).replaceWith( $div );
});

如何在替换div元素的内容时达到slide to left的效果？

【问题讨论】：

标签： jquery jquery-animate

【解决方案1】：

不知道有没有具体的效果，我用$().animate({left: val})实现的。

var width = $(window).width();

$('#divID').animate({left : -width}, 500, function(){ $div.hide() });
$div.css({left: width}).show().animate({left: 0}, 500);

您需要将元素的 css 设置为 position: absolute，并调整容器和其他项目。

这是jsfiddle

【讨论】：