layui收缩展开菜单

可以通过以下步骤实现 layui 的收缩展开菜单：

1. 在 HTML 文件中添加一个包含菜单项的列表，例如：

<ul class="layui-nav layui-nav-tree" lay-filter="test">
  <li class="layui-nav-item layui-nav-itemed">
    <a href="javascript:;">菜单1</a>
    <dl class="layui-nav-child">
      <dd><a href="javascript:;">选项1</a></dd>
      <dd><a href="javascript:;">选项2</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item">
    <a href="javascript:;">菜单2</a>
    <dl class="layui-nav-child">
      <dd><a href="javascript:;">选项3</a></dd>
      <dd><a href="javascript:;">选项4</a></dd>
    </dl>
  </li>
</ul>

2. 在 JavaScript 文件中使用 `element` 模块初始化菜单并添加收缩展开功能，例如：

// 初始化菜单
layui.use('element', function(){
  var element = layui.element;
  
  // 添加收缩展开功能
  element.on('nav(test)', function(elem){
    // 判断当前菜单项是否已经展开
    if(elem.hasClass('layui-nav-itemed')){
      // 已经展开，收起菜单
      elem.removeClass('layui-nav-itemed');
    }else{
      // 没有展开，展开菜单
      elem.addClass('layui-nav-itemed');
    }
  });
});

通过以上步骤，即可实现 layui 的收缩展开菜单。