JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float:left;">
    <div class="text" id="txt-1">TEXTE 1</div>
    <div class="text" id="txt-2">TEXTE 2</div>
</div>

<div style="float:right;">
    <div class="logo" data-for="txt-1">LOGO 1</div>
    <div class="logo" data-for="txt-2">LOGO 2</div>
</div>

CSS

.text {
    display: none;
}

.logo {
    padding: 50px;
    border: 1px solid #333;
}

JavaScript

// Ă  mettre dans ton document.ready

$('.logo').mouseover(function(){
    $('#' + $(this).data('for') ).show();
});

$('.logo').mouseleave(function(){
    $('#' + $(this).data('for') ).hide();
});