JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="#">Hover Me</a>
</div>

<p>Only Once!</p>

CSS

div {width:300px;height:100px;background:#CCC;}
a {margin:30px;width:100px;height:50px;background:#DDD;display:inline-block;}
p {position:absolute;margin:-60px 30px 30px 30px;width:100px;height:30px;background:#FFF;display:none;}

JavaScript

$("a,p").hover(function(){
  $("p").fadeIn();
});

$("a,p").mouseout(function(){
  $("p").fadeOut();
});