jQuery событие и анимация - PullRequest
       36

jQuery событие и анимация

0 голосов
/ 13 декабря 2011

Я сделал быстрый скользящий держатель контента, используя абсолютное позиционирование, и одним щелчком по ссылке новый контент скользит в зависимости от ссылок, по которым щелкнули до сих пор. Например, если я нажимаю «3», тогда #section3 скользит в просмотр и предыдущий контент выскользнет из поля зрения. Однако, если затем я хочу вернуть этот контент обратно, я не могу этого сделать, как я могу обойти это?

http://jsfiddle.net/Udders/Wj2aS/

Выше - скрипка того, что у меня есть.

Ответы [ 2 ]

0 голосов
/ 13 декабря 2011

Вот ваша скрипка с добавленной ссылкой "prev" для второго раздела:

http://jsfiddle.net/Wj2aS/5/

0 голосов
/ 13 декабря 2011

Попробуйте это: http://jsfiddle.net/Wj2aS/3/

$('a.next').click(function() {
    var anchor = $(this).attr('href');
    $(anchor).animate({
        "left": "0px"
    }, 1000).addClass('current')

        .prev('div').animate({
        "left": "-1000px"
    }, 1000).removeClass('current')

        .end().next('div').animate({
        "left": "+1000px"
    }, 1000).removeClass('current');
    return false;
});
...