JQuery替换元素w /左侧滑动效果

Question

目前我正在使用fadeOut动画效果来替换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);

您需要设置元素＆＃39; css到position: absolute，并调整容器和其他项目。

这是jsfiddle