You know how it is sometimes very hard to use a multi-level website navigation because it immediately closes when you accidentally move your mouse out of the navigation element and you have to start over? This script just adds a "lingering" class to the element, so your navigation can wait half a second before closing again.

Lingering Hover.js

$element.on('mouseenter', function(event) {
		window.clearTimeout($(this).data('hover-timeout'));
		$(this).addClass('hover').siblings('.hover').removeClass('hover');
	}).on('mouseleave', function(event) {
		(function($element) {
			$element.data('hover-timeout', window.setTimeout(function() {
				$element.removeClass('hover');
			}, 500));
		})($(this));
	});