Jquery写一个手风琴二级下拉菜单

好的，这是一个实现二级下拉菜单的 jQuery 代码示例：

<style>
.submenu {
  display: none;
}
</style>

<script>
$(document).ready(function() {
  $("li.menu-item").click(function() {
    $(this).find(".submenu").slideToggle();
  });
});
</script>

<ul>
  <li class="menu-item">Menu item 1
    <ul class="submenu">
      <li>Submenu item 1</li>
      <li>Submenu item 2</li>
      <li>Submenu item 3</li>
    </ul>
  </li>
  <li class="menu-item">Menu item 2
    <ul class="submenu">
      <li>Submenu item 4</li>
      <li>Submenu item 5</li>
      <li>Submenu item 6</li>
    </ul>
  </li>
  <li class="menu-item">Menu item 3</li>
</ul>

在这段代码中，我们首先定义了一个 `submenu` 类，并设置其 `display` 属性为 `none`，这样就可以将二级菜单隐藏起来。然后，我们使用 jQuery 的 `click` 方法来监听一级菜单的点击事件，当点击时，通过 `find` 方法找到对应的二级菜单，并使用 `slideToggle` 方法来切换二级菜单的显示和隐藏状态。

希望这些内容能帮到你！