jquery hover only to work if hovering for a certain amount of time

Question

In a list of links, I only want to activate the hover behavior for those links after the person is hovering over that link for a certain amount of time (say 1 second). So if they happen to just pass over the link (for less than one second) I don't want the hover event to occur.

Does anyone know how to do this or have any examples of this? Thanks!

Answer 1

Yes, There is a plugin for jQuery called hoverIntent that does what you describe.

Answer 2

I highly recomend using the hover intent jquery plugin for this. It's solved this problem for me before and seems to be very well written and light.

Answer 3

You can use delay in your hover chain:

http://api.jquery.com/delay/

There is also a plugin called "hoverIntent" which I would link you to if I was allowed.