JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<p id="p1">Hover me</p>
<p id="p1-text">foobar</p>

CSS

#p1-text {
  display:none;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:200px;
  background:rgba(0,0,0,.75);
  color:#fff;
}

JavaScript

$("#p1").hover(function(){
  $("#p1-text").show();
});