切换Jquery脚本，没有特定的类

Toggle Jquery Script with no spec. ul class

本文关键字：Jquery 脚本 切换      更新时间：2023-09-26

我已经在这里搜索了几个小时，但是这些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名，对我来说，这就是我遇到的问题。

测试一下是否有ul。你点击的链接旁边的孩子，它应该做的技巧。

在CSS 

.children { display: none; }
在jQuery 

$('.menu a').click(function(e){
    var childrenList = $(this).next('.children');
    if(childrenList.length) {
        $(childrenList).toggle();
        e.preventDefault();
    }
});

看到JSFiddle

相关文章：