JSFiddle - React, Tailwind, and code Playground

HTML

<div id="more" >
    <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTAo-Ump1uhiuPII8W4kVsVAB8idIMhc1nBycPaLNDr4K5W3WnX" />
</div>
<div id="kluk" >
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQb0Rb68jNGw1MPr4ATjYUsxL_bE2yzoiH6k5Mcvlx9L4rl47Nd" />
</div>

CSS

#more{
    display:block;
    width:300px;
}
#kluk{
    display:none;
    width:300px;
   }

JavaScript

$(document).ready(function(){
  
  $("#more").mouseenter(function(){
   $("#more").css("display", "none");
   $("#kluk").css("display","block")
  });
  
    $("#kluk").mouseout(function () {
      $("#more").css("display","block")
      $("#kluk").css("display","none")
    });
  
});