JQuery - Parar eventos

[dandarway]

Hola a todos,

tengo el siguiente problema. Imaginemos por ejemplo el menu principal de una web, con su botonera. Cuando paso el raton por encima de alguno de los elementos del menu con hover se despliega un submenu. Una vez que nos movemos con el raton a otro sitio, el callback de hover actua y cierra lo desplegado.

Hasta aqui, todo correcto, funcionamiento normal. Ahora bien, si le damos tiempo a que la animacion se ejecute no hay problema, pero si antes de que se cierre el menu desplegable porque el elemento ya no tiene el foco debido a un desplazamiento del raton, y volvemos a posicionarnos con el raton sobre el mismo elemento, se añade un nuevo juego de animaciones.

Ya por ultimo, imaginemos que antes de que el menu desplegable se haya recogido, volvemos a entrar con el raton sobre el menu y salimos del menu repetidas veces. Se ejecutara tantas veces la animacion como veces hayamos entrado y salido en el elemento del menu.

No se si me he explicado bien... espero que si.

Entonces mi pregunta, como podemos vaciar esa cola de eventos para que el menu no este desplegandose y recogiendose repetidamente y sin sentido?

Un saludo y gracias!!