Nav fix for Dropdown gaps (Bootstrap)

nav-dropdown-gap-fix.js

/**
 * Nav Fix for Dropdown Gaps (Bootstrap)
 *
 * This jQuery fixes hover state issues when the menu dropdown
 * has a gap from its parent nav item, thus closing the dropdown
 * before the cursor can span the gap. This adds a slight delay
 * to allow the cursor to cross the gap before the dropdown is
 * closed.
 */
(function( $ ) {
	'use strict';

	var timer;
	var ref;

	$(".nav-item")
		.on("mouseover", showDropdown)
		.on("mouseleave", function(){
			timer = setTimeout( hideDropdown, 250);
		});

	function showDropdown() {
		clearTimeout(timer);
		hideDropdown();
		ref = $(this);
		ref.addClass("show");
	}

	function hideDropdown() {
		if (ref)
			ref.removeClass("show");
	}
	
})(jQuery);