JSFiddle - React, Tailwind, and code Playground

HTML

<p>a</p>
 <p>b</p>
 <p>c</p>

 <div>abc</div>

 <p>e</p>
 <p>f</p>
 <p>g</p>

 <div>efg</div>

<p>h</p>
 <p>i</p>
 <p>j</p>

 <div>hij</div>

 <p>k</p>
 <p>l</p>
 <p>m</p>

 <div>klm</div>

CSS

p{background:green;}
div{display:none; background:red; }
p:hover~div{display:block;}