JSFiddle - React, Tailwind, and code Playground

HTML

<div id="date_1">
    Hover
    <div id="img1">Some stuff1</div>
    <div id="img2">Some stuff2</div>
</div>

CSS

#img1, #img2{
 display:none;   
}

JavaScript

$("#date_1").hover(function () {

  $("#img1").show();
  $("#img2").delay(2000).show(true);
    
}, function(){
    $("#img1").hide();
    $("#img2").hide();

});