JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
<img src="http://placekitten.com/g/200/300" alt="" />
<div id="hidden">
<p>Text 1</p>
<select>
<option>---</option>
<option>Webkit sucks</option>
</select>
<p>Text</p>
</div>
</div>
CSS
#container {
padding: 10px;
background-color: darkgray;
}
#hidden {
display: none;
}
JavaScript
$('#container')
.on('mouseover', function () { $('#hidden').show(); })
.on('mouseout', function () { $('#hidden').hide(); });