Javascript 使用css设置垂直子菜单的动画

我们有菜单，有些菜单有子菜单。我想在显示动画块时显示子菜单。特别是子菜单的高度。 例如：

#menu ul.sub_menu {
    display             : none;
}

#menu li:hover ul.sub_menu {
    display             : block;
}

---

请查看我的代码，谢谢

您无法设置

显示

属性的动画。使用

opacity:0而不是
显示：无和<代码>不透明度：1而不是
显示：块

添加一些
最大高度：0和<代码>最大高度：fartoomanypx（因为无法将
高度
动画设置为
自动
）


您必须开始摆弄自己，使其美观。
您无法设置
显示属性的动画。使用
opacity:0而不是
显示：无和<代码>不透明度：1而不是
显示：块

添加一些
最大高度：0和<代码>最大高度：fartoomanypx（因为无法将
高度
动画设置为
自动
）


您必须开始摆弄自己，使其美观。
您无法设置
显示属性的动画。使用
opacity:0而不是
显示：无和<代码>不透明度：1而不是
显示：块

添加一些
最大高度：0和<代码>最大高度：fartoomanypx（因为无法将
高度
动画设置为
自动
）


您必须开始摆弄自己，使其美观。
您无法设置
显示属性的动画。使用
opacity:0而不是
显示：无和<代码>不透明度：1而不是
显示：块

添加一些
最大高度：0和<代码>最大高度：fartoomanypx（因为无法将
高度
动画设置为
自动
）


你必须开始摆弄自己，使它变得美丽