date un occhiata a questo test

c'è un div centrale rosso bordeaux è registrato un evento hover: adottando la libraria jquery UI viene aggiunta e tolta una classe sull'evento (facendo spostare il div su e giù), il ritardo di 1000ms fa si che la transizione avvenga "gradualmente"

il punto è che se entrate e uscite col mouse più volte dal div rosso, gli eventi hover si incatenano, si mettono in coda, per cui il div continuerà a fare su e giù fin quando non li ha esauriti
la cosa ovviamente accade anche se all'evento hover sostituisco i due eventi mouseover e mouseout
codice:
$(".slide").mouseover(function(){
    $(this).addClass("slidemouseover",1000); 
});
$(".slide").mouseout(function(){
    $(this).removeClass("slidemouseover",1000); 
});
come risolvere questo problema?