使用JQuery在单击时显示隐藏子菜单的垂直导航

我正在尝试制作一个与此flash网站上的菜单类似的菜单：

当我点击“公文包”时，只有到子导航的链接才会显示出来。现在，我只设法让一个典型的垂直“悬停菜单上显示子导航”工作

所需要的是，一旦它点击了相应的菜单项，它的子菜单就会显示出来。当子菜单项悬停在上方并选定时，此子菜单将保持显示状态。选择子菜单项时，将显示内容，并且菜单和子菜单都保持可见（为所选菜单和子菜单项指定不同的颜色以显示导航路径）。呼

这是我的html：

<div id="nav">
<ul>
    <li><a href="#">about</a></li>
    <li><a href="#">testimonials</a>
        <ul>
          <li><a href="#">testimonial1</a></li>
          <li><a href="#">testimonial2</a></li>
          <li><a href="#">testimonial3</a></li>
          <li><a href="#">testimonial4</a></li>
        </ul>
    </li> 
     <li><a href="#">Services</a>
        <ul>
           <li><a href="#">services1</a></li>
           <li><a href="#">services2</a></li>
           <li><a href="#">services3</a></li>
           <li><a href="#">services4</a></li>
       </ul>
    </li> 
    <li><a href="#">Gallery</a></li>
    <li><a href="#">Contact</a></li>
  </ul>

</div><!--end #nav-->

我应该给子菜单一个类，这样我可以隐藏然后显示它们吗？该课程将在哪里应用？去联邦调查局？我可以为两个子菜单使用相同的类吗？我应用显示的方式是否有误：无用于此目的的值

---

非常感谢这里所有的聪明人。

您想使用JQuery单击主菜单项来显示/隐藏子菜单吗？如果是这样，您应该包含jquery.js文件并编写脚本，例如：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
        var $j = jQuery.noConflict();
        $j(document).ready(function() {
        });
        function Reveal(a){
            var ul = a.parentNode.getElementsByTagName("UL").item(0);
            $j(ul).animate({height: 'toggle' ,opacity: 'toggle'}, "slow");
        }
</script>

我建议对链接使用大纲规则：

#nav ul a{outline:none;}

---

现在，点击主菜单项，子菜单将慢慢出现和消失。JQuery中有许多用于设置动画的函数。您可以学习他们的

您想通过使用JQuery单击主菜单项来显示/隐藏子菜单吗？如果是这样，您应该包含jquery.js文件并编写脚本，例如：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
        var $j = jQuery.noConflict();
        $j(document).ready(function() {
        });
        function Reveal(a){
            var ul = a.parentNode.getElementsByTagName("UL").item(0);
            $j(ul).animate({height: 'toggle' ,opacity: 'toggle'}, "slow");
        }
</script>

我建议对链接使用大纲规则：

#nav ul a{outline:none;}

---

现在，点击主菜单项，子菜单将慢慢出现和消失。JQuery中有许多用于设置动画的函数。您可以了解他们的

哇-非常感谢您的快速响应。关于链接大纲的规则很好-谢谢。我一直在使用您的代码，并且了解了大约50%的情况-需要进行更多的研究。但我也发现我可以使用好的ole css和html，并且只在我希望它显示的页面上包含子菜单html代码，因为它不必是动态的。无论哪种方式-所以感谢您的帮助，并将使用代码作为改进导航的启动平台。哇-非常感谢您的快速响应。关于链接大纲的规则很好-谢谢。我一直在使用您的代码，并且了解了大约50%的情况-需要进行更多的研究。但我也发现我可以使用好的ole css和html，并且只在我希望它显示的页面上包含子菜单html代码，因为它不必是动态的。无论哪种方式-因此感谢您的帮助，并将使用代码作为启动平台，以改进沿路的导航。

#nav ul a{outline:none;}