JSFiddle - React, Tailwind, and code Playground

by Shanid

HTML

<ul class="ulli">
	<li>
		<a href="#">0</a>
		<ul>
			<li class="something"><a href="#" >1</a></li>
			<li class="something"><a href="#" >2</a></li>
			<li class="something"><a href="#" >3</a></li>
		</ul>
	</li>
</ul>

CSS

ul{
    margin: 0;
    padding: 0;
}
ul ul{
    display: none;
}
ul li{
    list-style: none;
}
ul li a{ 
    text-decoration: none;
    cursor: pointer;
}
ul li:hover > ul{
    display:block;
}