How to implement animation in CSS and JS navigation with dynamic height?

Question

css

Can anyone suggest? how to implement such a navigation option https://www.tretyakovgallery.ru/ so that the submenu blocks are separate and smoothly adjust to the internal content. Made animation by min-height and position. But the block is only animated when it appears, when it is changed, it is simply updated with a new one. I think to try to implement through animation and intervals on js. Maybe someone already has a ready-made snippet or a similar solution?

Answer 1

made a decision, just rotated the block horizontally through flex, and added order when changing the block, opasity and visible, now without jumps, I think using this solution, you can try to do without js.