$(document).ready(function () { 
     
    $('#nav li').hover(
        function () {
            //show its submenu
            $('ul', this).slideDown(50);
 
        }, 
        function () {
            //hide its submenu
            $('ul', this).slideUp(50);         
        }
    );
     
});