jQuery / HTML - горизонтальная прокрутка

Question

У меня проблемы с прокруткой ... Что я хочу сделать, так это после нажатия кнопки, делающей прокрутку div влево и другую прокрутку вправо / одна гаснет, вторая. Но я не могу найти никакого решения, и я У меня проблемы с тем, чтобы заставить второй div перейти рядом с первым и скрыть его ... Есть идеи?

Сайт

Answer 1

Я прочитал ваш вопрос, и это то, что я понял;

Вы пытаетесь оживить div с другим div, и вот решение:

Просмотр скрипки длярабочий пример: http://jsfiddle.net/HNY7R/

HTML

<div id="container">
    <div class="main"></div>
    <div class="second"></div>
</div>

<input type="button" id="push" value="push me" />

CSS

#container
{ width: 400px; height: 200px; position: relative; border:1px solid black; overflow: hidden; }

.main
{ width: 400px; height: 200px; position: absolute; left: 0; top: 0; background: green; }

.second
{ width: 400px; height: 200px; position: absolute; left: 400px; top: 0; background: red; }

jQuery

$('#push').click(function(){

        var main = $('.main').css('left');
        var second = $('.second').css('left');

        if(main == '-400px'){
            $('.second').animate({ 'left' : '400px' }, 500);
            $('.main').animate({ 'left' : '0px' }, 500);
        } else {
            $('.second').animate({ 'left' : '0px' }, 500);
            $('.main').animate({ 'left' : '-400px' }, 500);
        }


    });