boostrap hover over menu so it nicely slides down

hover.js

$(document).ready(function() {
$('ul.nav li.dropdown').hover(function() {
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();
}, 
function() {
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut().hover(function() {
$(this).stop(true, true);});
});
});