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

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