You have to stop the currently running animation. Try this,
$('#nav li').hover(
function () {
//show its submenu
$('ul', this).stop().slideDown(220);
},
function () {
//hide its submenu
$('ul', this).stop().slideUp(220);
}
);