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.