JSFiddle - React, Tailwind, and code Playground

HTML

<div id="onec-fourth">
    
 <div>

CSS

#onec-fourth{
    background-color:blue;
    width: 40px;
    height:40px;
}

JavaScript

var self;
$('#onec-fourth').mouseover(function(){
    self = $(this);
    self.css('background-color','red');
}).mouseleave(function(){

    setTimeout(function(){
     self.css('background-color','blue');
    },1000);
});