JSFiddle - React, Tailwind, and code Playground

by tmyie

HTML

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>

<div class="img"> </div>

CSS

ul {
    
    font-size: 24pt;
}

.img {
    display:none;
    width: 35px;
    height: 35px;
background-color:salmon;
    position: absolute;;
}

JavaScript

$('li').mouseenter(function(){
    $('.img').fadeIn();
});

$('li').mouseleave(function(){
    $('.img').fadeOut();
});