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

Question

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

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

slide to left替换元素内容时如何实现效果div？

Answer 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