jQuery未能瞄准儿童

Question

知道为什么这不起作用？无序列表中的孩子没有像我期望的那样向上滑动。

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

Answer 1

这里你去看看你想要的东西：

http://jsfiddle.net/2x2fE/

Answer 2

我能够使用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 3

您的代码中存在一些错误。

检查固定的。

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