JSFiddle - React, Tailwind, and code Playground

by jakirseu

HTML

<ul>
    <li class="menuItem">
        <a href="#">MenuItem</a>
        <div class="menuBody">Hover!</div>
    </li>
</ul>

CSS

.menuBody {
    display: none;
    background: #ccc;
}
.menuItem {
    background: #aaa;
}
.menuItem:hover {
    background: red;
}
.menuItem:hover .menuBody {
    display: block;
}