Javascript 单击菜单按钮时如何隐藏辅助子菜单项？

好的，我正在尝试创建一个包含子菜单的样式菜单，但是当我单击汉堡包按钮时，默认情况下也会显示我的第二个子菜单。第一次点击汉堡时如何隐藏列表2？我的意思是当你点击汉堡包时，只显示列表1，而不显示列表2，直到你点击列表1

$document.readyfunction{ $button.clickfunction{ $.primary-list.slideTogglefast； }; }; $document.readyfunction{ $.primary-list.clickfunction{ $.standard-list.slideTogglefast； }; }; &9776;

---

首先-只使用一个$document.ready； 第二，使用$this 第三，它更好地使用；它可以避免你可能面临的任何错误 第四，您可以使用显示：无；用于子菜单css或添加$.standard-list.hide；加载时隐藏子菜单的步骤

<script>
    $(document).ready(function() {
      $("button").on('click',function() {
        $(".primary-list").slideToggle("fast");
      });
      $(".primary-list").on('click',function() {

        $(this).find('ul').slideToggle("fast");
      });
    });
  </script>

只需添加$.standard-list.slideTogglefast；首先在document.ready函数中

$document.readyfunction{ $.standard-list.slideTogglefast； $button.clickfunction{ $.primary-list.slideTogglefast； }; }; $document.readyfunction{ $.primary-list.clickfunction{ $.standard-list.slideTogglefast； }; }; &9776;

---

问题是，标准列表位于主列表的内部，所以当您单击“标准”时，也会单击“主列表”。您需要在标准列表中没有包含的内容上使用该类

<li class="primary-list"><a class="toggle-standard" href="#">list 1</a>

  <ul>
    <li class="standard-list"><a href="#">list 2</a>
    </li>
    <li class="standard-list"><a href="#">list 2</a>
    </li>
    <li class="standard-list"><a href="#">list 2</a>
    </li>
  </ul>
</li>


$(document).ready(function() {
      $("button").click(function() {
        $(".primary-list").slideToggle("fast");
      });
    });

    $(document).ready(function() {
      $(".toggle-standard").click(function() {
        $(".standard-list").slideToggle("fast");
      });
    });

---

Fiddle:

您是否正在尝试重新创建树型导航元素？