JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
    <img id="mb" src="//placehold.it/300x50?text=normal" draggable="false" style="-moz-user-select: none;" ondragstart="return false;" onmouseover="this.src='//placehold.it/300x50/0f8000/ffffff?text=hover'" onmouseout="this.src='//placehold.it/300x50?text=normal'">
    <ul>
        <li><a href="#">Omg look at this!</a> </li>
    </ul>
</div>

CSS

#menu{width:300px;}
#menu ul{
    display:none;
}
#menu:hover ul{
    display:block;
}