CSS transitions и JavaScript

Question

[_ _]

Добрый день.
Предположим, что есть задача анимировать объект на странице, после чего выполнить какое-либо действие.

Раньше, когда для анимации элементов использовался JS, можно было воспользоваться, например, очередью действий в JQuery, вроде $('#foo').slideUp().fadeIn();

Что делать теперь, когда у нас есть CSS transitions и хочется их использовать?
Например, я добавляю класс, который схлопывает элемент по вертикали и после этого мне бы его удалить из DOM. Единственное, что мне приходит на ум — сделать setTimeout на время, чуть больше, чем в transition. Но если я вдруг захочу, чтобы анимация была более медленной — мне придется править и JS тоже.

Есть ли какие-то варианты более элегантно выполнять такого рода манипуляции?

Спасибо заранее.

Answer 1

[MT]

Попробуйте использовать событие transitionend.

Comments

[_ _]

Ого, спасибо большое.

Answer 2

[_ _]

Вот еще нашел JQuery Transit — позволяет анимировать через transitions, делать очереди, с простым fallback до обычной JS-анимации.
ricostacruz.com/jquery.transit/