Forums

Luminated

I have a dropdown menu that I'd like to integrate hoverIntent on.

I'd like it to display immediately when you hover over the menu, but have a slight delay when the mouse leaves it. Here is my current code:

jQuery(document).ready(function() {
	jQuery('.main-nav ul li').hover(function() {
		jQuery(this).find('ul.children').animate( {
			opacity:1
		}
		, {
			queue:false,duration:500
		}
		);
	}
	, function() {
		jQuery(this).find('ul.children').animate( {
			opacity:0
		}
		, {
			queue:false,duration:500
		}
		);
	}
	);
}
);

How do I integrate hoverIntent to work with this dropdown?

Here is the link to the hoverIntent plugin:

http://cherne.net/brian/resources/jquer ... ntent.html

treehouse : what would you like to learn today?

Forums

How do I integrate hoverIntent with this dropdown?