jquery - jQuery 数组和下拉菜单

Question

我一直在环顾四周，我觉得我真的在这里跳过了一条学习曲线，我的脑袋即将因搜索太多而一无所获。

我的问题是我有一个水平菜单，设计有无序列表，为了使其成为下拉菜单，我将无序列表嵌套在第一个无序列表中。

<ul class="top-level">
   <li><a href="#"></a>
       <ul class="dropdown">
          <li><a href="#"></a>
          </li>
       <ul>
   <li>
</ul>

现在，嵌套的无序列表设置为“Display:None;”。

由于我在同一个类中拥有所有下拉列表，因此当我尝试切换“显示：无”时属性为“显示：阻止”所有下拉列表都被切换。

我知道我可能可以将每个下拉列表放入它们自己单独的类中，但是有没有办法用数组来做到这一点？能够单击顶级列表项并带来相应的下拉列表。

感谢帮助

score 2 · Accepted Answer

2

$("ul.top-level li").click(function(event) {
    $(this).find("ul.dropdown").toggle();
});

于 2012-06-04T16:02:11.437 回答

score 0 · Accepted Answer

像这样的东西：

$(".top-level").on("click", "a", function() {
  $(this).next("ul.dropdown").toggle(); // Show / hide the corresponding sub-menu
});

2 回答 2