JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a1">روش ماوس رو بیار</div>
<div class="a2">
    <p>salam</p>
    <p>salam</p>
    <p>salam</p>
    <p>salam</p>
    <p>salam</p>
</div>

JavaScript

$('.a1').mouseover(function() {
    $('.a2').dequeue().stop(true, true).show(400);
}).mouseout(function() {
    $('.a2').dequeue().stop(true, true).hide(400);
});