Как в данном случае сделать так, чтобы описание раскрывалось плавно?

Question

[z_u_q]

Как в данном случае сделать так, чтобы описание раскрывалось плавно? Пробовал через transition, но почему-то он не срабатывает.

https://codepen.io/malinosky/pen/XqgPOL

Answer 1

[Егор Лавренов]

Свойство display не анимируется,
1) Можешь задать элементам скрытым нулевую высоту и отступы эти свойства анимируются, но оставить dispaly: block;
2) В библиотеке jq есть готовые методы slideUp(), slideDown() и slideToggle() - погугли, как раз то что тебе нужно