Как подключить анимацию к скрытию блока?

Делать переход состояния

Как реализовать на практике?

Нус, из примитивного:
1. Установить display: block + opacity: 0
2. Анимировать до opacity: 1
В обе стороны.

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

Арсений Матыцин, нужно именно с animate.css. В одну сторону работает, соответственно должен работать и в другую. Если вставить .block напрямую в JavaScript, то так работает. Но важно найти другое решение.

Дык я и не говорил, что надо строго в js анимировать) Что мешает классы переключать, к примеру? Включая тот самый, переходный.

Идея с вставкой интересная, кстати. Но лучше, ИМХО, просто брать элемент DOM вместе с содержимым и вставлять\удалять по необходимости. Я так люблю делать «бесконечный» слайдер)

К слову, решение можно переписать на чистом CSS+HTML.

Арсений Матыцин, не догоняю пока как по-другому сделать.

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

З.Ы. странно, что тут еще не набежало умников, готовых все за тебя сделать)

Арсений Матыцин, вроде родил решение с подключением классов в js.

Вот тут косяк:
transform: scale(-1.-1);
Точка.