JSFiddle - React, Tailwind, and code Playground

HTML

<div class="y1">sadsd</div>
<div class="y2">sagfgfgdsd</div>
<div class="y3">sfhhhadsd</div>

<div class="p1">AAAA</div>
<div class="p2">BBBB</div>
<div class="p3">CCCC</div>

JavaScript

$(function(){
           $('div[class^=y]').hover(function(){
            var self   = $(this),
                number = this.className.slice(1);
              
            $('div.p' + number).slideDown('slow', function() {
            });
        }, function() {
            var self   = $(this),
                number = this.className.slice(1);
    
            $('div.p' + number).slideUp('slow', function() {
            });
        });
    });