JSFiddle - React, Tailwind, and code Playground

by nivas

HTML

<div onmouseover="show()" onmouseout="hide()" id="showHide">ShowHide
    <div id="formDiv">Form</div>
    <div class="clearer"></div>
</div>

CSS

#formDiv{
    background-color:blue;
    height: 10em;
    width:10em;
}

#showHide
{
    width:10em;
    border: 1px red solid;
}
.clearer
{
    clear: both;
}

JavaScript

function show(){
   
    document.getElementById("formDiv").style.display = "block";
}

function hide(){
    document.getElementById("formDiv").style.display = "none";   
}