JSFiddle - React, Tailwind, and code Playground

by Keyur Bhatt

HTML

<div class="divbutton" ">
   <button type="button" style="display: none;">Hello</button>
</div>

CSS

.divbutton {
    height: 100px;
    background: #0000ff;
}

JavaScript

$(document).ready(function () {
                $(document).on('mouseenter', '.divbutton', function () {
                    $(this).find(":button").show();
                }).on('mouseleave', '.divbutton', function () {
                    $(this).find(":button").hide();
                });
            });