Html CSS打开和关闭ul菜单，但过渡不正常

我试图在一个页面上制作一个简单的两级ul菜单，并将转换应用到第二级ul，用于抑制打开和关闭，但我无法让它工作。 它开得很慢，但关得不慢

下面是示例代码

---

如果您能快速浏览一下，我将不胜感激。

这是因为您只设置了“最大高度”的动画，而且还将“高度”设置为0。这意味着它在有机会设置动画之前将变为0。在初始UL状态下，我将高度更改为自动

---

感谢您抽出时间给我一个解决方案，效果非常好。