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

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