JSFiddle - React, Tailwind, and code Playground

HTML

<div onMouseOver="show()" onMouseOut="hide()">Div 1 Content</div>
<div id="div2" style="display: none;">Div 2 Content</div>
<div id="div3" style="display: none;">Div 3 Content</div>

JavaScript

function show() {
      document.getElementById('div2').style.display = 'block';
      document.getElementById('div3').style.display = 'block';
  }

  function hide() {
      document.getElementById('div2').style.display = 'none';
      document.getElementById('div3').style.display = 'none';
  }