JSFiddle - React, Tailwind, and code Playground

by Trufa

HTML

<div id="container">
<div id="button">Menu&darr;</div>
<div id="menu" class="hidden">
    <ul>
        <li>Something</li>
        <li>Other</li>
    </ul>
</div>
</div>

CSS

.hidden{
    visibility:hidden;
    outline:2px solid blue;
    
}

JavaScript

$(document).ready(function() {
    $("#button").hover(function() {
        $("#menu").removeClass("hidden");
    }, function() {
        $("#menu").addClass("hidden");
    });
});