сделайте просто с помощью стилей css
ul:hover {display:block;}
, без jquery
эффектов плавных небудет, зато мучиться не надо
Или такой вариант выпадения:
в стилях так пишем:
ul {display:block; height:0;}
в скрипте так
$('ul').css('display','block').animate({height:'30px', top:'-30px'}, 300);/*при наведении курсора, а када убираем курсор сами догадайтесь как обратно сделать, всё логично*/