JSFiddle - React, Tailwind, and code Playground

HTML

<a class="thea">
        Value
				<div id="thediv">
					<a href="#">One</a>
					<a href="#">Two</a>
					<a href="#">Three</a>
					<a href="#">Four</a><br />
					<a href="#">Five</a>
					<a href="#">Six</a>
					<a href="#">Seven</a>
					<a href="#">Eight</a>
				</div>
			</a>

CSS

a.thea {
  display: inline-block;
}

a.thea > div#thediv {
  display: none;
  color: red;
}

a.thea:hover div#thediv {
  display: inline-block;
  color: green;
}