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);
});