JSFiddle - React, Tailwind, and code Playground

HTML

<div id="element"></div>
<div id="element2"></div>
<div id="element3"></div>
<div id="element4"></div>

CSS

div {
    height: 200px;
    width: 200px;
}
#element {
    background-color: blue;
}
#element2 {
    background:#ccc333;
}
#element3 {
    background:#cc2244;
}
#element4 {
    background:#456345;
}
#element2:hover {
    cursor: pointer;
}
#element3:hover {
    cursor: crosshair;
}

JavaScript

$('#element2').hover(function () {
    setTimeout(function () {
        $(this).remove();
    }.bind(this), 1000);
});