Нужно применить transition в CSS при смене height(либо max-height) элемента.
Проблема в то что transition работает когда в height задано конкретное значение высоты, например переход от height: 0 к height: 100px, и не работает когда задано значение height: auto (либо max-height: max-content)
пример.
Как сделать transition в CSS от height: 0 к height: auto?