JSFiddle - React, Tailwind, and code Playground

by kazu69

HTML

<ul>
    <li>Example
        <ul>
            <li>Test</li>
            <li>Test</li>
        </ul>
    </li>
</ul>

CSS

ul {
    margin: 0;
    padding: 0;
}

ul li {
    display: inline-block;
}

li ul {
    opacity: 0;
    transition: all 0.5s ease 1s;
}

li:hover ul {
    opacity: 1;
    transition: all 0.5s ease 0s;
}