JSFiddle - React, Tailwind, and code Playground

by Stephane de Luca

HTML

<ul>
<li aria-controls="">W7ed</li>
<li aria-controls="">Jouj</li>
<li aria-haspopup="true" aria-controls="target">Thleta</li>
</ul>

 <div class="menu" id="target" role="menu" aria-hidden="true">
 TO BE OPENED<br/>
 line 1<br/>
 line 2<br/>
 line 3<br/>
 </div>

CSS

.menu {
/*  display: none;  */
}

li:hover {
  color: blue;
}