$(document).ready(function() {

    $('#nav li').hover(

    function() {
        //show its submenu
        $('ul', this).slideDown(400);

    }, function() {
        //hide its submenu
        $('ul', this).slideUp(400);
    });

});