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

Question

[z_u_q]

Пробовал через transition в css, но задержка есть, а плавности нет.

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

Answer 1

[Андрей]

Измени height на max-height. И ставь max-height: 9999px (например) в .paragraph-all. При auto не анимируется

.paragraph {
    height: 100%;
    max-height: 35px;
    overflow: hidden;
    transition: .5s;
}

.paragraph_all {
  max-height: 500px;
  transition: .5s;
}

https://css-tricks.com/using-css-transitions-auto-...

We can't transition height, but we can transition max-height...

Answer 2

[AlexRas]

https://jsfiddle.net/ac53rwzm/