JSFiddle - React, Tailwind, and code Playground

HTML

<div class='Item'>
    <div class='show-element' id='show_1'>Show</div>
    <div id="info_1" class="hidden">some stuff</div>

    <div class='show-element' id='show_2'>Show</div>
    <div id="info_2" class="hidden">some stuff</div>
</div>

CSS

.hidden{
    display: none;
}

JavaScript

$('.show-element', '.Item').hover(function() {
    var container = $(this).attr("id").replace('show_', 'info_');
    $('#' + container).show();
}, function() {
    var container = $(this).attr("id").replace('show_', 'info_');
    $('#' + container).fadeOut(200);
});