JSFiddle - React, Tailwind, and code Playground
HTML
<div class="divbutton" ">
<span type="button" style="display: none;">Hello</span>
</div>
CSS
.divbutton {
height: 100px;
background: #0000ff;
}
JavaScript
$(document).ready(function () {
$(document).on('mouseenter', '.divbutton', function () {
$(this).find(":span").show();
}).on('mouseleave', '.divbutton', function () {
$(this).find(":span").hide();
});
});