Impossibile mantenere jQuery dropdown down down

Question

Quindi sto creando un sito Web per qualcuno e sono abbastanza nuovo per jQuery (che probabilmente non aiuta). Il sito aveva bisogno di un menu a discesa per visualizzare i collegamenti alle gallerie in un elenco piuttosto che averli tutti nella barra di navigazione. Il problema è che ogni volta che si posiziona il puntatore del mouse sopra l'elemento li, il menu a discesa scorre verso il basso, ma quando si passa con il mouse sopra il menu a discesa, si torna indietro.

$(document).ready(function() { 
    $("li#navi-dropdown").hover(
    function() { 
     $('ul.nav-dropdown').slideDown('medium'); 
    }, 
    function() { 
     $('ul.nav-dropdown').slideUp('medium'); 
    } 
); 
}); 

Probabilmente qualcosa di semplice, ma l'aiuto è ben accetto. JSFiddle sotto.

http://jsfiddle.net/6e87Lwkb/

Answer 1

considerare di mettere il vostro sottomenu ul all'interno del vostro li, e riposizionarlo. Non dimenticare di utilizzare .Stop() anche, in modo da jquery non viene accodato le diapositive animazioni:

$('ul.nav-dropdown').stop().slideDown('medium'); 

See your updated fiddle here

Answer 2

Stai toggeling l'evento nel gestore di me, è necessario fare questo:

$(document).ready(function() { 
    $("li#navi-dropdown").on('mouseover',function() { 
    $('ul.nav-dropdown').slideDown('medium'); 
    }) 

    $("ul.nav-dropdown").on('mouseleave',function() { 
    $('ul.nav-dropdown').slideUp('medium'); 
    }); 
}); 

Ho anche aggiornato il vostro violino, check it out ora funziona.

qui è il mio violino:

http://jsfiddle.net/6e87Lwkb/7/

Answer 3

prova con questo codice.

$(document).ready(function() { 
    $("li#navi-dropdown").hover(
    function() { 
    $('ul.nav-dropdown').slideDown('medium'); 
    }); 
    $(".nav-dropdown").mouseleave(
    function() { 
    $('ul.nav-dropdown').slideUp('medium'); 
    }); 
});