@ramawib
Posted
I used mouseover and mouseout for my code to change the arrow image src on hover. It looks something like this:
featuresMenu.addEventListener("mouseout", function () { dropDown1.style.display = "none"; arrow[0].src = "images/icon-arrow-down.svg"; });
For showing and hiding dropdown menu, I used CSS :hover instead. Hope that helps!