JSFiddle - React, Tailwind, and code Playground

HTML

<dl>			
		<dt>Le site1</dt>
			<dd id="smenu1">
				<ul>
					<li><a href="#">Historique</a></li>
					<li><a href="#">Caractéristiques</a></li>
					<li><a href="#">Les produits</a></li>
				</ul>
			</dd>
    <dt>Le site2</dt>
			<dd id="smenu2">
				<ul>
					<li><a href="#">Historique</a></li>
					<li><a href="#">Caractéristiques</a></li>
					<li><a href="#">Les produits</a></li>
				</ul>
			</dd>
	</dl>

CSS

dt{
  background:yellow;
}
dd{
  background:green;
}

dd{
  display:none;
}

dd:hover, dt:hover+dd{
  display:table;
}

/*
dd:hover, dt:hover+dd{
  display:block;
}
*/