Javascript 当鼠标悬停在单个菜单项上时，如何显示整个菜单？

每当我将鼠标悬停在某个菜单项上时，我试图使整个菜单（包括每个菜单项的子菜单项）出现。这是一种在韩国很流行的菜单设计，但我在网上找不到关于如何做的解释。有人能提供一些关于如何做到这一点的建议或指点吗？多谢各位

这是使用我提到的设计的网站之一：

示例。 将鼠标悬停在列表2的“显示”子菜单上

li{
浮动：左；
列表样式：无；
宽度：30px；
利润率：10px；
文本对齐：居中；
}
.ul2{
显示：无；
}
李先生2{
光标：指针；
}
.li2:hover.ul2{
显示：块；
}

一,
2

三,
4