Плавное изменение высота блока в зависимости от высоты другого блока?

Question

[MrZek]

Есть 3 diva:
1 div имеет высоту 100vh и является родителем для diva 2 и 3.
2 div скрыт и плавно разворачивается и сворачивается по нажатию на кнопку.
3 div имеет высоту 100% и находит под div 2.
Вопрос заключается следующем: Как заставить 3 div плавно уменьшить и восстановить свою высоту, чтобы не уйти за рамки видимой области.

Comments

[Михаил]

flex'ами можно

Answer 1

[Михаил]

https://codepen.io/notiv/pen/jgNpzW

Как вариант, + ещё вопрос с переполнением контентом надо поставить