JSFiddle - React, Tailwind, and code Playground

HTML

<img id="test" src="http://www.jqueryscript.net/images/Minimal-jQuery-Loading-Overlay-Spinner-Plugin-Easy-Overlay.jpg">

<div id="mybutton">
    button
</div>

CSS

#test {
  visibility: hidden;
}
#mybutton:hover {
  cursor: pointer;
}

#mybutton {
  border: 1px solid black;
  background-color: gray;
}

JavaScript

$("#mybutton").on
(
	"click",
  function()
  {
  	$("#test").css("visibility","visible");
    $("#test").delay(1000).css("visibility","hidden");
  }
);