JSFiddle - React, Tailwind, and code Playground

by iamanubhavsaini

HTML

<div id="button_box"><h2>Hover This</h2>
    <div id="form_box">
        <form action="#" method="post">
            <select id="select_option" name="select_option">
                <option value="a">Value A</option>
                <option value="a">Value B</option>
                <option value="a">Value C</option>
                <option value="a">Value D</option>
                <option value="a">Value E</option>
            </select>
        </form>               
    </div>
</div>

CSS

#button_box { 
    width: 150px; 
    background: #ddd; 
}

#button_box h2 { 
    text-align: center;
}

#button_box #form_box { 
    display: none; 

    background: #ccc;
}

#button_box:hover #form_box { 
    display:block;
}

#form_box select { 
    background: #bbb;
    display:block;
}