Dropdown Menu Animation not working as intended

I have a menu dropdown concept on my site that I am try to implement where the red underline will become visible/invisible when a user hovers in/out of the DESTINATION nav link.

Along with that the Red underline must become visible if the dropdown opens and go away if the dropdown closes.

I had to setup two divs one inside the other to acheive this functionality, one going red when hovered over and the the other going red when the dropdown opens, and turning back to transparent when hovered out and dropdown is closed.

For some reason when the site loads the red underline div for the dropdown is visible (Its behaving as if the Menu is Open). If the menu is opened and closed once things perform exactly as it should.

Please help!


1 Like