jquery - JQuery置換要素w/スライド左効果

Question

div現在、要素のコンテンツの置換にfadeOutアニメーション効果を使用しています。

$('#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です