a:hover + #menu {
display: block;
position: fixed;
}
My CSS for a hover effect is causing the menu to disappear quickly once I move the mouse away. What steps can I take to fix this issue? Would utilizing JavaScript provide a better solution, and if so, how can I implement that?
The menu is contained within a div element which is nested inside a table data cell within the main table of the site.
<div id="menu">
<button><a href="#igradesno1">COD WW2</a></button>
<button><a href="#igra2levo">Destiny 2</a></button>
<button><a href="#wolfensteindesno">Wolfenstein</a></button>
<button><a href="#forhonor1">For Honor</a></button>
<button><a href="#fifa182">Fifa 18</a></button>
</div>