$(document).ready(function() {

var menuTimers = [];
 
$("ul.menu>li.menu-item").hover(
function() { //Hover In
	var menu = $("ul.sub-menu", this);
	var menuItem = $(this);
	var id = jQuery.data(menu);
	menuTimers[id] = setTimeout(function() {
		menu.slideDown("fast");
		$(menuItem).addClass("active");
		clearTimeout(menuTimers[id]);
	}, 300);
},
function() { // hover Out
	var menu = $("ul.sub-menu", this);
	var menuItem = $(this);
	var id = jQuery.data(menu);
	menu.slideUp("slow");
	$(menuItem).removeClass("active");
	if (menuTimers[id] != "") {
		clearTimeout(menuTimers[id]);
	}
});
})