<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js">
</script>
<script>
$(document).ready(function() {
$('#menu > ul > li').hover(
function() {
$('ul', this).slideDown(400);
},
function() {
$('ul', this).slideUp(400);
}
);
});
</script>
<style>
#menu > ul > li > ul {
display: none;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li>Menu 1
<ul>
<li>Sub menu 1.1</li>
<li>Sub menu 1.2</li>
</ul>
</li>
<li>Menu 2
<ul>
<li>Sub menu 2.1</li>
<li>Sub menu 2.2</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
У меня в хроме все работает.