JSFiddle - React, Tailwind, and code Playground

by zwoemti

HTML

<div class="Hover-Bereich">
    <span id="TEXT">Text</span>
                        
        </div>

        <div class="BILD">
                <img src="http://unofficialwsx5.de/wcf/images/logo_wbb5.png" id="irgendwas" />
        </div>

JavaScript

$('.BILD').hide();

//When the Image is hovered upon, show the hidden div using Mouseover
$('#TEXT').mouseover(function() {
$('.BILD').show();
});

//When the Image is hovered away from, hide the div using Mouseout
$('#TEXT').mouseout(function() {
$('.BILD').hide();
});