JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list-wrapper">
    <ul class="items">
        <li>menu</li>
        <li>item 1</li>
        <li>item 2</li>
    </ul>
</div>

CSS

.list-wrapper,
.items {
   display: inline-block;
    list-style:none;
}

.list-wrapper {
    position: relative;
    background-color: blue;
    height: 1em;
}

.items {
    position: absolute;
    background-color: blue;
}

.items > li:first-child ~ li {
    display: none;
}

.items:hover > li:first-child ~ li {
    display: block;
}