Реверс анимации JQuery

Question

Реверс анимации JQuery

0

Я пытаюсь получить обратную анимацию в jquery. Я наткнулся на функцию переключения. Однако я не уверен, как его использовать. Мой код для анимации в одну сторону - это выше:

$(document).ready(function() {

$('#popup').hide();

$('.film').click(function() {
    $('#popup').show(function() {
        $('.film').animate({top: '0px', left: '0px'}, 2, function () {
        });
    });
}); 
});

Какая же право ват сделать это?

Jose Ramon 21 окт. 2013, в 15:39

Источник

0

Вы имеете в виду повернуть анимацию после второго щелчка .film ?
karim79 21 окт. 2013, в 13:40
0

Да уж! это также может быть функция нажатия клавиш!
Jose Ramon 21 окт. 2013, в 13:42

Теги:

jquery

animation

1 ответ

Ещё вопросы

Вы имеете в виду повернуть анимацию после второго щелчка .film ?
Да уж! это также может быть функция нажатия клавиш!

Thomas C. G. de Vilhena · Accepted Answer · 2013-10-21T13-05-00.000Z

Вам нужно только сохранить исходное состояние css элемента, чтобы впоследствии вернуть анимацию. Ниже приведен простой пример:

// original state
var v0 = {
    top: $('div').css('top'),
    left: $('div').css('left')
};

// animation targets    
var v1 = {
    top: '50px',
    left: '50px'
};

// on click 'toggle' animation    
var clickCount = 0;
$('div').click(function () {
    if (++clickCount % 2 == 0) {
        $(this).animate(v0, 500);
    } else {
        $(this).animate(v1, 500);
    }
});

Вот рабочая скрипка: http://jsfiddle.net/PenJg/3/

На самом деле я хочу два клика, один для активации и один для обратного эффекта!
@Fere Res: я обновил свой ответ, чтобы выполнить это ...