通过内容显示进行高度变化转换

我正在使用Angular 9应用程序,因此需要制作手风琴菜单。除了子菜单的动画之外,其他代码都可以正常工作。当显示从“块”更改为“无”时,我想为子菜单项的内容设置动画,当从“块”更改为“无”时也要为其设置动画。

这是我需要的几个例子

https://codyhouse.co/demo/multi-level-accordion-menu/index.html

https://primer.fusepx.com/angular/

我也想尽可能地保持代码结构。我真的很需要内容动画

这是带有我的代码的stackblitz示例。

https://stackblitz.com/edit/angular-ivy-t6rbdp