Html Css手风琴菜单，如何设置高度自动？

我有这个手风琴菜单：

问题是扩展div的高度是“硬编码的”（请参见css注释所在的位置），而我需要它根据子菜单项的数量进行扩展

---

有没有办法解决这个问题？

使用

height:auto

#accordion div:hover {
    height:auto; /* THIS NEEDS TO ADJUST AUTOMATICALLY */
}

---

但是，这样做会破坏过渡效果：/改为使用“最大高度”修复过渡。