Question

I have a drop down menu that have a roll over effect.

When the user rolls over an item in the 1st menu level I want to STOP all the drop-down animation still ruing in All the other menu items.
But I cannot find the way to apply this simple code in all that mess.

There are 3 solutions to this problem:

1. Literary just close all drop down without animation.
2. Close with animation.
3. or Stop the animation

The 2 solution would be great. When I rollover an item close all other drop-down with animation. Right now any of the solutions work for me.

UPDATE:

My final result was:

$('.dropdown:animated').not(this).not('.selected').stop().hide();

Answer 1

You could do something like this:

$(':animated').stop();

This just stops all animations that are currently active. It does not however close the open menuitems.

If you want to close the open items I sugest you look at how the menuitems are normally closed and apply that to the wrapped set. For instance: this could work:

$(':animated').stop().hide();