jQuery(document).ready(function() {
 
         jQuery("ul.menu li").hover(function() {
         jQuery(this).find('ul.sub-menu')
         .stop(true, true).delay(50).animate({ "height": "show", "opacity": "show" }, 200 );
            }, function(){
          jQuery(this).find('ul.sub-menu')
          .stop(true, true).delay(50).animate({ "height": "hide", "opacity": "hide" }, 200 );
        });
               
         
});