JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
  <img src='https://wfmedia.azureedge.net/imgv2/catalogue/13725/Rolex-Submariner-116613LN-13725-180522-085607-.jpg;quality=95;h=50'>
  <div id="child" style="display:none;">
    <img src='https://wfmedia.azureedge.net/imgv2/catalogue/13725/Rolex-Submariner-116613LN-13725-180522-085607-.jpg;quality=90;h=174'>
  </div>
</div>

<div id="parent1">
  <img src='https://wfmedia.azureedge.net/imgv2/catalogue/13725/Rolex-Submariner-116613LN-13725-180522-085607-.jpg;quality=95;h=50'>
  <div id="child1" style="display:none;">
    <img src='https://wfmedia.azureedge.net/imgv2/catalogue/13725/Rolex-Submariner-116613LN-13725-180522-085607-.jpg;quality=90;h=174'>
  </div>
</div>

JavaScript

$("#parent").hover(function() {
  $("#child").toggle();
});

$("#parent1").hover(function() {
  $("#child1").toggle();
});