[Jquery] Bug con menù a tendina

[Tremisfero]

Salve a tutti.
Sto usanto Jquery per far apparire un dropdown menù.
Il mio codice è questo.

$("#menu #[class='categoria']").mouseenter(function () {
$("#dropdown-menu").slideDown("fast");
}).mouseleave(function () {
$("#dropdown-menu").slideUp("fast");

});

Però se si esegue ripetutamente e velocemente l'azione di moseover e mouseout dal div class="categoria" il menù a tendina appare e scompare tante volte quante sono le volte che sono passato col mouse sopra il tasto. In pratica sembra che tenga memoria di tutti gli eventi in successione e li esegua fino a che non sono stati esauriti tutti.
Quindi se passo 10 volte velocemente sul tasto, il menù a tendina esce e rientra 10 volte.
Come posso correggere questo bug?
Grazie anticipatamente.

[Senamion]

Prova ad usare hover() visto che non ti interessano le coordinate del mouse

[Tremisfero]

Grazie ma ho provato... fa lo stesso problema purtroppo.

[Senamion]

Allora devi mettere un timer, dovrebbe andare bene una cosa così:

$("#menu #[class='categoria']").mouseover(function () {
  var t = setTimeout(function() {
    $("#dropdown-menu").slideDown("fast");
  }, 500);
  $(this).attr('timeout', t);
}).mouseout(function () {
  clearTimeout($(this).attr('timeout'));
  $("#dropdown-menu").slideUp("fast");
});

[Tremisfero]

Grazie, mi sembra una buona soluzione.
Che strano comportamento quello di memorizzare gli eventi in successione... in realtà è comodo se si potesse inibire facilmente.

Grazie ancora!

[Senamion]

In realtà il problema è che il fade ci mette "un po'" ma lascia funzionare tutto il resto...