JQuery Replace Element w/Slide Left Effect

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); 

您需要將您的元素的CSS設置爲position: absolute和調整容器等物品。

這裏是jsfiddle