JSFiddle - React, Tailwind, and code Playground

HTML

<div id="grid-container">

</div>

CSS

.actions {
  display: none;
}

JavaScript

$('#grid-container').on({
        mouseenter: function () {
            $(this).find('.actions').show();
        },
        mouseleave: function () {
            $(this).find('.actions').hide();
        }
    }, '.grid-box');

$("#grid-container").append('  <div class="grid-box">hover  <div class="actions">ACTIONS</div>  </div>');