$(document).ready(function(){  

   $("ul.dropdown li a").click(function() { //Quando sono sopra al link del menu...

	    var submenu = $(this).parent().find("ul.subnav"); //Trova il sottomenu relativo ad esso...

	    $(submenu).stop(true, true).animate({ height: 'toggle' }, "slow"); //e mostralo con un effetto dropdown e di opacità.

	    $(this).parent().hover(function() {  
		 }, function(){  
		  	  $(submenu).hide(); //Quando il mouse esce fuori dal link o dal sottomenu, nascondi quest'ultimo con un effetto di opacità
          });
    });  
});