Jquery 在导航栏中获取要显示的子菜单

我正在努力使我的子菜单在导航栏中显示。我在显示第一个菜单项时没有遇到问题，但无法列出第二个子菜单项。这是我到目前为止所拥有的，我只需要知道如何让第二个列表项显示在我的导航中

HTML:

jQuery：

$(document).ready(function() {
/* $("#navigation").navPlugin({
   'itemWidth': 150,
   'itemHeight': 30,
   'navEffect': "slide",
   'speed': 250
 });*/
 $('li').hover(function(){
 $(this).find('ul>li').stop().fadeToggle(400);
 });

 $(function(){

    $("ul.dropdown li").hover(function(){

    $(this).addClass("hover");
    $('ul:first',this).css('visibility', 'visible');

    }, function(){

    $(this).removeClass("hover");
    $('ul:first',this).css('visibility', 'hidden');

    });

        $("ul.dropdown li ul li:has(ul)").find("a:first").append(" » ").css ('visibility', 'visible');

 });


     youAreHere();
    }); // end ready

       function youAreHere() {
        var pathname = $(location).attr('pathname');
          var curPage = pathname.substring(pathname.lastIndexOf('/')+1);
       //alert(curPage);
        $('a').each(function(){
        if($(this).attr('href') == curPage) {
        $(this).attr('id', 'current');
        } else if(curPage == '') {
        $('a:first').attr('id', 'current');
        }
        else if(curPage == 'web215') {
        $(this).find('ul>li>ul>li').stop().fadeToggle(400);
       }//end else if
    });//end anonymous function

    }

---

我目前正在学习一门课程，对jQuery完全陌生。

好的，你能在我不知道你在说什么的情况下修改你的大代码吗？进入jsfiddle.net发布你的html、css和javascript代码。运行然后保存，然后按共享，并给我们链接，以便我们可以帮助您。编辑：像这样的？你有正确的代码，只是我有一个js库附加到它。它以黑色显示您当前所在位置的链接，唯一不起作用的是Web-215链接下的两个链接-JavaScript和Jquery链接是唯一两个未正确显示的链接。-但代码的行为与正常情况不同。下拉菜单正在工作，只有子菜单项不显示。我想，使用fiddle，因为它没有链接到jquery库，所以它不会以我的编辑器中的方式显示。唯一不起作用的部分是Web-215链接下面的两个链接——如果我能让这两个链接滑出，那就太完美了。谢谢你在这方面的帮助。

ul {
margin:0;
padding:0;
list-style:none;
}

ul li {
float:left;
width: 150px;
height: 30px;
line-height: 30px;
background: #777;
text-align: center;
}

ul li a {
text-decoration: none;
color:#fff;
}

ul li li {
background: #777;
color: #fff;
display: none;
}

 ul li ul li ul li {
background: #777;
color: #fff;
position:absolute;
display: inline;
margin: 0 auto;
z-index: 100;
visibility: hidden;

}
/* 
LEVEL ONE
*/
 ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #ccc; }
ul.dropdown a:hover                 { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
                                  color:    #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
LEVEL TWO
*/
ul.dropdown ul                      { width: 220px; visibility:     hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li                   { font-weight: normal; background: #f6f6f6; color: #000; 
                                  border-     bottom: 1px solid #ccc; float: none; }

                                /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a                 { border-right: none; width:     100%; display: inline-block; } 

/* 
LEVEL THREE
*/
ul.dropdown ul ul                   { left: 100%; top: 0; }
ul.dropdown li:hover > ul           { visibility: visible; }
#current {
border: 1px dashed #000;
width: 132px;
height: 30px;
line-height: 30px;
color:#FFF;
background: #000;
}

$(document).ready(function() {
/* $("#navigation").navPlugin({
   'itemWidth': 150,
   'itemHeight': 30,
   'navEffect': "slide",
   'speed': 250
 });*/
 $('li').hover(function(){
 $(this).find('ul>li').stop().fadeToggle(400);
 });

 $(function(){

    $("ul.dropdown li").hover(function(){

    $(this).addClass("hover");
    $('ul:first',this).css('visibility', 'visible');

    }, function(){

    $(this).removeClass("hover");
    $('ul:first',this).css('visibility', 'hidden');

    });

        $("ul.dropdown li ul li:has(ul)").find("a:first").append(" » ").css ('visibility', 'visible');

 });


     youAreHere();
    }); // end ready

       function youAreHere() {
        var pathname = $(location).attr('pathname');
          var curPage = pathname.substring(pathname.lastIndexOf('/')+1);
       //alert(curPage);
        $('a').each(function(){
        if($(this).attr('href') == curPage) {
        $(this).attr('id', 'current');
        } else if(curPage == '') {
        $('a:first').attr('id', 'current');
        }
        else if(curPage == 'web215') {
        $(this).find('ul>li>ul>li').stop().fadeToggle(400);
       }//end else if
    });//end anonymous function

    }