Ciao a tutti.
Ho usato jquery per creare una semplice lista a 2 livelli. Passando con il mouse sopra ad un elemento si apre una sottolista con effetto slide.
Il mio problema nasce quando passo sui diversi elementi parecchie volte con il mouse. Le animazioni non fanno in tempo ad essere eseguite e durano anche quando tolgo il mouse.
Ecco il codice html:
codice:
<div id="main">
        <ul id="lista">
            <li id="l1">
                Numero 1
                <ul id="lista11">
                    <li id="l11">
                        Numero 1-1
                    
                    <li id="l12">
                        Numero 1-2
                    [/list]
            
            <li id="l2">
                Numero 2
                <ul id="lista12">
                    <li id="l21">
                        Numero 2-1
                    
                    <li id="l22">
                        Numero 2-2
                    [/list]
            
            <li id="l3">
                Numero 3
                <ul id="lista13">
                    <li id="li31">
                        Numero 3-1
                    
                    <li id="li32">
                        Numero 3-2
                    [/list]
            [/list]
        
    </div>
e il javascript:

codice:
$(document).ready(function(){
            $("#link1").mouseover(function (event){
                event.stopPropagation();
                $("#lista12").slideUp();
                $("#lista13").slideUp();
                $("#lista11").slideDown();
            });
            $("#link2").mouseover(function (event){
                event.stopPropagation();
                $("#lista11").slideUp();
                $("#lista13").slideUp();
                $("#lista12").slideDown();
            });
            $("#link3").mouseover(function (event){
                event.stopPropagation();
                $("#lista11").slideUp();
                $("#lista12").slideUp();
                $("#lista13").slideDown();
            });
});
Come posso fermare le animazioni?
Sul sito di jquery ho visto il metodo stop(), ma con me non ha funzionato.