JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
	<ul id="child1">
		<li id="child1a">bla bla</li>
		<li id="child1b">bla bla</li>
		<li id="child1c">bla bla</li>
		<li id="child1d">bla bla</li>
	</ul>
	<ul id="child2">
		<li id="child2a">bla bla</li>
		<li id="child2b">bla bla</li>
		<li id="child2c">bla bla</li>
		<li id="child2d">bla bla</li>
	</ul>
</div>

CSS

#child2a {display:none;}
#child1a:hover #child2a {display:block}