1,2,3级下拉菜单写在同级如何解决

如图,结果大家都知道,用的mousover/out事件移入移出,二级三级菜单鼠标无法移入,因为是同级,一离开一级菜单就会消失.如何解决?

https://baijiahao.baidu.com/s?id=1627352820204775954&wfr=spider&for=pc

目前想到的就两个方法：
1.将三级嵌套进二级，二级嵌套进一级，这样就不会有隐藏显示问题。但是你得改CSS和JS逻辑；
2.修改JS逻辑。一二三级都共用一个mouseover和mouseout函数，在触发的时候传参给这两个函数告诉它们现在要显示隐藏什么。