JSFiddle - React, Tailwind, and code Playground

HTML

<section>
 <p>hello</p>
 <p>world</p>
 <p>bar</p>

 <div></div>
</section>

<section>
 <p>hello</p>
 <p>world</p>
 <p>bar</p>

 <div></div>
</section>

CSS

div{
    height:10px;
    border:1px solid red;
    display:none;}

section p:hover~div{display:block;}

JavaScript

//p:hover+div{display:block;}