JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div id="element"></div>
</div>

CSS

#wrapper {
    height: 200px;
    width: 200px;
    background:red;
}
#element {
    height:60%;
    width:60%;
    background-color: blue;
}

#element:hover {
    cursor: pointer;
}

JavaScript

$('#element').hover(function () {

    setTimeout(function () {
        $(this).parent()
               .css({'cursor':'default'}), 
        $(this).remove();
    }.bind(this), 1000);
});