проблема с выпадающим меню в jQuery и CSS

Question

почему slideDown() и slideUp() не работают в моем меню true?
Они повторяются несколько раз с mouseover().

увидимся: jsfiddle-мои коды

$('#nav li').mouseover(function() {
        $('#nav li ul li').slideDown();
    })
    .mouseout(function(){
        $('#nav li ul li').slideUp();
    })

Answer 1

Я бы сделал это:

http://jsfiddle.net/5KEnp/4/

$('#nav > li').mouseenter(function() {
    $('ul li', this).stop(true, true).slideDown();
}).mouseleave(function(){
    $('ul li', this).stop(true, true).slideUp();
})

Answer 2

Попробуйте использовать hover (ярлык для mouseenter и mouseleave) вместо этого и измените ваш селектор:

$('#nav > li').hover(function() {
    $('#nav li ul li').slideDown();
}, function() {
    $('#nav li ul li').slideUp();
})

Пример: http://jsfiddle.net/andrewwhitaker/jdsGx/

Ранее события были привязаны ко всем li s в #nav.Я думаю, вы просто хотите прямых детей, которые селектор детей даст вам