Untitled

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
ul{
	list-style: none;
}
#menu{
	border: 1px solid black;
}

#menu > ul > li{
	display: inline-block;
}

ul > li > ul {
	display: none;
}
#menu a{
	text-decoration: none;
	color: grey;
}
#menu ul li{
	padding: 5px;
}

#menu ul li:hover{
	background-color: silver;
}

#menu ul li a:hover{
	color: white;
}

</style>
<script src="jquery-3.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('ul li').mousemove(function(){
			$(this).find('ul').stop().slideToggle(450);
		});
	});
</script>
<title>Menu jquery</title>

</head>
<body>
<div id="menu">
<ul>
    <li><a href="#">Strona Główna </a></li>
    <li><a href="#">O nas </a></li>
		<li><a href="#">Opinie</a>
			<ul>
			<li>Klienci Indywidialni</li>
			<li>Korpo</li>
    </ul>

	</li>
</ul>
</div>
</body>
</html>