JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="hide_delete">Show/Hide Button</a>
<div class="pageButton show_button">
    This is a regular div
    <button class="pageDeleteIcon">Delete</button>
</div>

CSS

.pageButton {
    height: 100px;
    background-color: gray;
    margin: 20px;
    padding: 10px;
}

.pageDeleteIcon {
   display:none;
}
.pageButton.show_button .pageDeleteIcon {
    display: block;
}

JavaScript

$('#hide_delete').click(function (){
    $('.pageButton').toggleClass('show_button');
    return false;
});

$('.pageButton').hover(function (){
        $(this).addClass('show_button');
    },
    function (){
        $(this).removeClass('show_button');
});