JQueryは現在の要素と一緒に次の要素をスライドさせます

Question

次のようにしてのスライドを左に移動します。の効果はJQueryでですか？

1. 私はdivの要素が互いに左に浮かんでいます。
2. スライドを最初の要素（ほとんどの左要素）に残してください（）。
3. 残りの要素は、と一緒にスライドしてください。アニメーションが完了した後はJUMPではありません。

私はそれがtoggleとアップスライドで作業得ることができます（ジャンプは私の問題です）が、私はそれが上下/左右していないスライドする必要があります。

ここにはjsFiddleです。

はJavaScript：

$('button').click(function() { 
    $('#page1').hide('slide', {direction: 'left'}, 1000); 
}); 

HTML

<button>Slide left</button> 

<div class='container'> 
    <div id='page1'> 
     Content 123 
    </div> 

    <div id='page2'> 
     Content 456 
    </div>  
</div> 

CSS

.container div { float:left; } 

Answer 1

$('#page1').animate({'margin-left': '-100px'}, 1000, 
    function() {$(this).hide();} 
); 

原則として、animateを使用します。