Как сделать чтобы меню не скрывалось?

Question

[Дмитрий]

Здравствуйте. Есть меню Которое при наведении выпадает. Сделал на jquery

/* функция для выпадающего меню */
	(function(){
		var $headerNavItem = $('.header__navItem.sub').children('a'),
			$headerNavSublist = $('.header__navSubList');

	if (window.matchMedia('(min-width: 768px)').matches) {

		$headerNavItem.hover(function(){
			$(this).next().slideDown(400);
		}, function(){
			$(this).next().slideUp(400);
		});	

	} else {
		$headerNavItem.unbind();
	}

	$(window).resize(function(){

		if (window.matchMedia('(min-width: 768px)').matches) {
			$headerNavItem.hover(function(){
				$(this).next().slideDown(400);
			}, function(){
				$(this).next().slideUp(400);
			});	
		} else {
			$headerNavItem.unbind();
		}

	});
		
	})();
	/* функция для выпадающего меню Конец */

Но есть одна проблема. При уходе курсора с пункта меню подменю скрывается. Как этого избежать средствами jQuery? Просьба не советовать сделать подобное меню на css:)