jQuery(document).ready(function($) {
//initial the menus
$("ul.menu li").mouseover(function() {
$(this).find("ul.sub-menu").filter(':not(:animated)').animate({"height": "show", "opacity": "show"}, 800, "swing");

$(this).hover(function() {}, function(){
$(this).find("ul.sub-menu").animate({"height": "hide", "opacity": "hide"}, 800, "swing");
});
});
});