Jquery 下拉式导航的最佳方法

我目前有一个导航栏，由CSS和HTML组成，主要是内联块元素：

我想要达到的效果与上的导航菜单相同

当您单击导航中的n项时，菜单将下拉，以明显地为您提供更多选项并增加导航空间。以下是我希望达到的状态：

既然我已经掌握了基本的HTML和CSS，那么就功能而言，下一个最好的步骤是什么呢

有人知道任何类似的JQuery可以容纳这种类型的交互吗

提前谢谢

---

克里斯，你不需要太花哨的东西。基本jQuery就可以做到这一点。看看这个

基本思想如下：一个可点击的链接，可以使另一个div动画化，使其可见——只是在HTML/CSS布局中，div位于已点击元素的上方：

$(document).ready(function() {
    $('#reveal').click( function() {
        $('#hidden').slideToggle();
    });
});

---

尽管您没有提供任何HTML，但我还是制作了一些示例：

<div id="dropdown" style="display:none;">
<!-- slideToggle() finishes with display:none when hiding an element. specifying display:none beforehand simply makes it so that the element is hidden when the page loads. -->

    <!--Content here-->
</div>

<div class="navigationbar">
    <div class="button" id="more"></div>
<div>

<script type="text/javascript">
    $(document).ready(function(){
        $('#more').click(function(){
            $('#dropdown').slideToggle();
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#更多”）。单击（函数（）{
$（“#下拉列表”）.slideToggle（）；
});
});

---

希望这有帮助

你能发布你的HTML吗？听起来您需要jQuery的

.slideToggle（）为什么投否决票？请解释一下！