切换没有规范的 Jquery 脚本。 ul类[关闭]

Question

我已经在这里搜索了几个小时，但这些 jquery 脚本都没有解释，用列表子项切换一个简单的菜单，对我有用。我喜欢在 css 的帮助下切换孩子。

我有一个 wordpress 菜单 & html 看起来像这样：（ul 父元素没有 class/ 或 id）

<nav class="nav" role="navigation">
  <div class="menu">
    <ul>
      <li class="page_item page-item-4"><a href="#">Aktuell</a></li>
      <li class="page_item page-item-211 page_item_has_children current_page_item">
        <a href="#">Liquida</a>
        <ul class="children">
          <li class="page_item page-item-222"><a href="#">lager1</a></li>
          <li class="page_item page-item-213"><a href="#">lager2</a></li>
          <li class="page_item page-item-219"><a href="#">lager3</a></li>
        </ul>
      </li>
      <li class="page_item page-item-4444"><a href="#">Last</a></li>
      <li class="page_item page-item-92"><a href="#">Lieferung</a></li>
    </ul>
  </div>
</nav>

显示第一个 ul 没有类名也没有 id 名，对我来说这是我遇到的问题。

Answer 1

只需测试您单击的链接旁边是否有 ul.children，它应该可以解决问题。

在 CSS 中

.children { display: none; }

在 jQuery 中

$('.menu a').click(function(e){
    var childrenList = $(this).next('.children');

    if(childrenList.length) {

        $(childrenList).toggle();
        e.preventDefault();
    }
});

见JSFiddle