我在我的网站上有一个菜单下拉的概念,我试图实现那里的红色下划线将成为可见/不可见,当用户徘徊在/离开目的地导航链接。

与此同时,如果下拉菜单打开,红色下划线必须变得可见,如果下拉菜单关闭,红色下划线消失。

我必须设置两个div,一个在另一个内部来实现这个功能,一个在悬停时是红色的,另一个在下拉菜单打开时是红色的,当悬停和下拉菜单关闭时返回透明。

由于某些原因,当站点加载时,下拉菜单的红色下划线div是可见的(它的行为就像菜单是打开的一样)。如果菜单被打开和关闭,一旦事情完全执行它应该。

请帮助!

https://preview.www.raktarban.com/preview/destinations-dropdown-concept?utm_medium=preview_link&utm_source=designer&utm_content=destinations-dropdown-concept&preview=d1c9afd99f6f942d50d462ebafd70d2e&workflow=preview