Javascript jQuery-Can'；单击链接时不显示下拉列表

我有一个标题，正在尝试创建一个没有引导的下拉菜单

单击链接时，我希望出现下拉菜单。默认情况下它是隐藏的。我尝试使用jQuery显示列表

HTML

jQuery

$(document).ready(function() {
    $(".menu_center ul").hide();
    $(".menu_center > a").on("click", function() {
        $(this).children("ul").show();
    });
});

---

不确定这为什么不起作用。

ul元素不是

a

元素的子元素，您需要执行以下操作：

$(this).next("ul").show();

---

ul元素不是

a

元素的子元素，您需要执行以下操作：

$(this).next("ul").show();

---

ul元素不是

a

元素的子元素，您需要执行以下操作：

$(this).next("ul").show();

---

ul元素不是

a

元素的子元素，您需要执行以下操作：

$(this).next("ul").show();

替换此：

$(this).children("ul").show();

据此：

$(this).next("ul").slideToggle();

ul

不是子元素，它是

a

标记后面的下一个元素

您可能希望使用

toggle（）

、

fadeToggle（）

或

slideToggle（）

而不仅仅是

show（）

，以便在菜单出现后单击它时能够再次隐藏它

替换此：

$(this).children("ul").show();

据此：

$(this).next("ul").slideToggle();

ul

不是子元素，它是

a

标记后面的下一个元素

您可能希望使用

toggle（）

、

fadeToggle（）

或

slideToggle（）

而不仅仅是

show（）

，以便在菜单出现后单击它时能够再次隐藏它

替换此：

$(this).children("ul").show();

据此：

$(this).next("ul").slideToggle();

ul

不是子元素，它是

a

标记后面的下一个元素

您可能希望使用

toggle（）

、

fadeToggle（）

或

slideToggle（）

而不仅仅是

show（）

，以便在菜单出现后单击它时能够再次隐藏它

替换此：

$(this).children("ul").show();

据此：

$(this).next("ul").slideToggle();

ul

不是子元素，它是

a

标记后面的下一个元素

您可能希望使用

toggle（）

、

fadeToggle（）

或

slideToggle（）

而不仅仅是

show（）

，以便在菜单出现后单击它时能够再次隐藏它

---

删除我的答案并将JSFIDLE添加到您的答案中。删除我的答案并将JSFIDLE添加到您的答案中。删除我的答案并将JSFIDLE添加到您的答案中。虽然我喜欢您希望在不使用引导的情况下完成此操作，但您可能仍希望了解他们是如何构造标记的。

父
子

是一种很好的使用模式，因为它可以轻松地允许仅使用CSS的nav（如果您想要回退）。虽然我喜欢您希望在不使用引导的情况下执行此操作，但您可能仍然希望了解它们是如何构造标记的。

父
子

是一种很好的使用模式，因为它可以轻松地允许仅使用CSS的nav（如果您想要回退）。虽然我喜欢您希望在不使用引导的情况下执行此操作，但您可能仍然希望了解它们是如何构造标记的。

父
子

是一种很好的使用模式，因为它可以轻松地允许仅使用CSS的nav（如果您想要回退）。虽然我喜欢您希望在不使用引导的情况下执行此操作，但您可能仍然希望了解它们是如何构造标记的。

父
子

是一种非常好的模式，因为它可以轻松地允许仅使用CSS的nav（如果您想要回退）。