帮我写一个jq三级可折叠点击的三级菜单

好的，下面是一个使用 jQuery 实现的可折叠三级菜单的示例代码：

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

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

<ul>
  <li class="menu-item">
    一级菜单
    <ul class="submenu">
      <li class="menu-item">
        二级菜单
        <ul class="submenu">
          <li>三级菜单</li>
          <li>三级菜单</li>
          <li>三级菜单</li>
        </ul>
      </li>
      <li class="menu-item">
        二级菜单
        <ul class="submenu">
          <li>三级菜单</li>
          <li>三级菜单</li>
          <li>三级菜单</li>
        </ul>
      </li>
      <li class="menu-item">
        二级菜单
        <ul class="submenu">
          <li>三级菜单</li>
          <li>三级菜单</li>
          <li>三级菜单</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

在这个代码中，当用户点击一级菜单时，二级菜单会显示或隐藏。同理，当用户点击二级菜单时，三级菜单会显示或隐藏。

希望这个示例代码能帮到你！