Как сделать плавно выпадающий блок с описанием?

Question

[kk95]

Чтобы вот так было. При нажатии на "посмотреть" не просто блок появляется а будто раздвигаются блоки.

Ну и чтобы не сильно тормозил скрипт загрузку страницы.
Как это реализовать, и какие подводные камни могут быть ?

Возможно сейчас есть более интересные решения чем раньше (есть книга по jquerry там есть вариант но слышал что эта библиотека не особо оптимизирована ). Если не сложно ссылку на codepen с кодом.

Answer 1

[sergski]

Что такое "раздвигаются блоки" не очень понятено, но для плавного появления скрытого блока display: none; просто добавьте по клику класс с animation и display: block;