CODEWITHSUNDEEP
jqueryanimationnavigationhoverparent-child
chasethesunnn
chasethesunnn

Reputation: 2234

menu parent-child hover - stop animation - jquery

I have this example here: http://jsfiddle.net/QRChv/

Im trying to set it up so that when you hover over a child list item, its animation will start, but the parent doesnt invoke its .hover() function.

I dont know if this can be done, but is there a way to stop the parent from actually going through with its animation. So it wont actually do anything when its child list item is being hovered over.

I have a bunch of if statements setup for each list item, tried to keep it simple.

Upvotes: 0

Views: 1100

Answers (2)

rcravens
rcravens

Reputation: 8388

What about adding a call to stopPropagation. Something like this:

http://jsfiddle.net/rcravens/QRChv/9/

Upvotes: 1

jAndy
jAndy

Reputation: 236102

I've updated your code:

http://jsfiddle.net/QRChv/4/

You need to stop event propagation, i.e. by returning false from the handler.

You could also call .stopPropagation() yourself on the event object

Upvotes: 1

Related Questions