вот как-то так:
$(document).ready(function(){
$('li.menu').hover(
function() { $('ul', this).css('display', 'block'); },
function() { $('ul', this).css('display', 'none'); });
});
при наведении мыши на элемент, список появляется, а при забирании мыши срабатывает вторая функция и список исчезает
