JQuery не в состоянии ориентироваться на детей

Question

Есть идеи, почему это не работает?Дети неупорядоченного списка не скользят так, как я ожидаю ..

http://jsfiddle.net/SparrwHawk/vqUgw/3/

Answer 1

Мне удалось исправить это с помощью mouseover и mouseleave с селектором на children, например, так:

$(document).ready (function(){
    $('nav ul li').mouseover(function(){
        $(this).children('ul').slideDown()
    });

    $('nav ul li').mouseleave(function(){
        $(this).children('ul').slideUp();
    });
});

Answer 2

В вашем коде есть какая-то ошибка.

Проверьте фиксированный.

$(document).ready (function(){
    $('nav ul li').hover(function(){
        $(this).children("ul").slideDown().
        addClass('shown');
    }, function(){
        $('.shown').slideUp().removeClass(".shown");   
    });
});

Answer 3

вот вы, братан, это выглядит так, как вы хотите:

http://jsfiddle.net/2x2fE/