如何使用Jquery淡入垂直菜单子项

Question

这是我的垂直菜单 http://jsfiddle.net/3PD7D/13/

如果将鼠标悬停在名为文件夹的菜单项上，则无论如何转到菜单项应出现的位置（在“文件夹”菜单项的右侧），jquery会在子菜单项中淡入淡出。当用户将鼠标悬停在父“文件夹”菜单项上时，如何让它们淡入？

被修改 我为没有以正确的方式询问而道歉。这是我应该发布的原始代码。非常感谢CasperOne并为我展示了我的错误。

$（document）.ready（function（）{

//Set the anchor link opacity to 0 and begin hover function
$("ul.child").css({"opacity" : 0}).hover(function(){ 

    //Fade to an opacity of 1 at a speed of 200ms
    $(this).stop().animate({"opacity" : 1}, 200); 

    //On mouse-off
    }, function(){

    //Fade to an opacity of 0 at a speed of 100ms
    $(this).stop().animate({"opacity" : 0}, 100); 

});

Answer 1

有关正常工作的样本，请参阅there。

$(document).ready(function(){ 

    //Set the anchor link opacity to 0 and begin hover function
    $("ul.child").parent().hover(function(){ 

        //Fade to an opacity of 1 at a speed of 200ms
        $(this).find("ul.child").stop().animate({"opacity" : 1}, 200); 

        //On mouse-off
        }, function(){

        //Fade to an opacity of 0 at a speed of 100ms
        $(this).find("ul.child").stop().animate({"opacity" : 0}, 100); 

    });

});​