Как сделать двустороннюю анимацию?

Question

[TedMarsh]

На кружке ниже я сделал анимацию и добавляю ему класс при клике, но при повторном клике я хочу чтобы он обратно плавно возвращался в исходную позицию, а он просто резко встаёт в исходную позицию. Как сделать плавное возвращение назад?



ЗЫ: Сделал чтото подобное( ), но думаю это костыли и есть баг - если кликнуть по середине анимации она прервётся и кружок перейдёт в исходное состояние другой анимации. Не красиво

Answer 1

[Сергей Сергей]

Для этого можно ограничиться простым transition с задержкой выполнения. Не без своих недостатков, но не скачет к нулевым кадрам.

Answer 2

[profesor08]

Подпишись на события анимации и блокируй выполнение своего кода, если анимация в процессе.