jQuery列表导航

我需要一些在jQuery中创建导航栏的帮助，如果您查看JS fiddle，您应该了解我试图获得的效果。除了按下dublink（我不希望在单击子链接时它向上滑动）外，我还让它做我想做的事情

---

欢迎提供帮助首先，您将只希望将单击事件绑定到第一行子项，其中指定将其绑定到根ul中存在的所有li元素

其次，您可能希望将单击事件绑定到a元素，因为单击第一行li元素（您希望单击事件绑定到的位置）中存在的任何子元素都将触发完全相同的单击事件。这是因为你确实通过它的一个孩子点击了li

让我们看看这段重新编写的代码是否可以让您开始：

（我也做了一些HTML重写，所以应用了一些副本）

以下是来自JSFIDLE的代码：

$(document).ready(function()
{
    // hides all admin control elements (drop down)
    $("#navigation_bar ul").hide();

    // Only bind click handler to direct li > a children
    $("#navigation_bar > li > a").click(function(e)
    {
        // Slide up every single ul
        $("#navigation_bar ul").slideUp();

        $(this).siblings()
            .stop()
            .slideToggle();

     });
});

HTML:

首先，您只希望将click事件绑定到第一行子项，其中指定将其绑定到根ul中存在的所有li元素

其次，您可能希望将单击事件绑定到a元素，因为单击第一行li元素（您希望单击事件绑定到的位置）中存在的任何子元素都将触发完全相同的单击事件。这是因为你确实通过它的一个孩子点击了li

让我们看看这段重新编写的代码是否可以让您开始：

（我也做了一些HTML重写，所以应用了一些副本）

以下是来自JSFIDLE的代码：

$(document).ready(function()
{
    // hides all admin control elements (drop down)
    $("#navigation_bar ul").hide();

    // Only bind click handler to direct li > a children
    $("#navigation_bar > li > a").click(function(e)
    {
        // Slide up every single ul
        $("#navigation_bar ul").slideUp();

        $(this).siblings()
            .stop()
            .slideToggle();

     });
});

HTML:

@broomgb记住，如果答案解决了你的问题，就接受它。@broomgb记住，如果答案解决了你的问题，就接受它。