JSFiddle - React, Tailwind, and code Playground
HTML
<a class='trigger'>Trigger</a><p class='info'>Info</p><p class='info'>Info</p><p class='info'>Info</p><p class='info'>Info</p><p class='info'>Info</p><p class='info'>Info</p><p class='info'>Info</p>
JavaScript
$('.trigger').mouseover(function() {
$('.info').dequeue().stop(true, true).show(400);
}).mouseout(function() {
$('.info').dequeue().stop(true, true).hide(400);
});