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', 'div3').style.display = 'block';
  }

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