JSFiddle - React, Tailwind, and code Playground

HTML

<div id="human_body">
            <div class="organ" id="lungs"></div>
            <div class="organ" id="liver"></div>
            <div class="organ" id="pancreas"></div>
            <div class="organ" id="heart"></div>
            <div class="organ" id="kidneys"></div>
        </div>        
        <div id="info">
            <div id="lungs_info">
                Lungs
            </div>
            <div id="pancreas_info">
                Pancreas
            </div>
            <div id="liver_info">
                Liver
            </div>
            <div id="heart_info">
                Heart
            </div>
            <div id="kidneys_info">
                Kidneys
            </div>
        </div>

CSS

.organ {
width:40px;
    height:40px;
    margin:10px;
}

#lungs {
        background:url("http://www.fishweb.co.il/organs/lungs.png");
    }
    #heart {
        background:url("http://www.fishweb.co.il/organs/heart.png");
    }
    #pancreas {
        background:url("http://www.fishweb.co.il/organs/pancreas.png");
    }
    #kidneys {
        background:url("http://www.fishweb.co.il/organs/kidneys.png");
    }
    #liver {
        background:url("http://www.fishweb.co.il/organs/liver.png");
}

#info>div {
display:none;
}

JavaScript

current='';
$(".organ").mouseover(
 function(){
     if (current!='') {
         $("#" + current).css("background","url(http://www.fishweb.co.il/organs/" + current +".png)"); // remove the highlight from the prev organ
         $("#" + current + "_info").hide();
     }
     current = $(this).attr("id");
     $(this).css("background","url(http://www.fishweb.co.il/organs/" + current +"_hover.png)"); // highlight the current organ
     $("#" + current + "_info").show();
 }
    );