JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child">text</div>
</div>
<div class="parent">
    <div class="child">text</div>
</div>
<div class="parent">
    <div class="child">text</div>
</div>

CSS

.child {
    display:none;
}

.parent {
    background: #f5f5f5;
    height:100px;
}

JavaScript

$(document).ready(function() {
    
    $('.parent').hover(function() {
        $(this).find('.child').show();
    }, function() {
        $(this).find('.child').hide();
    });
});