layui收缩左侧菜单栏的代码如何写

你可以使用layui的元素操作模块 `element` 来实现收缩左侧菜单栏的功能。具体代码如下：

HTML代码：

<div class="layui-layout layui-layout-admin">
  <div class="layui-header">...</div>
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧菜单栏 -->
      <ul class="layui-nav layui-nav-tree" lay-filter="side-menu">
        <li class="layui-nav-item layui-nav-itemed">
          <a href="javascript:;">菜单一</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:;">菜单二</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">选项3</a></dd>
          </dl>
        </li>
      </ul>
    </div>
  </div>
  <div class="layui-body">...</div>
</div>

JavaScript代码：

layui.use(['element'], function(){
  var element = layui.element;
  
  // 监听左侧菜单栏
  element.on('nav(side-menu)', function(elem){
    // 如果点击的是有子菜单的菜单项，不收缩菜单栏
    if(elem.parent().hasClass('layui-nav-itemed')){
      return;
    }
    // 如果点击的是没有子菜单的菜单项，则收缩菜单栏
    var sideBar = $('.layui-side');
    if(sideBar.hasClass('layui-side-collapsed')){
      sideBar.removeClass('layui-side-collapsed');
    }
    else{
      sideBar.addClass('layui-side-collapsed');
    }
  });
});

以上代码实现的功能是：如果点击的菜单项有子菜单，则不收缩左侧菜单栏；如果点击的是没有子菜单的菜单项，则收缩左侧菜单栏。你可以根据自己的需求修改代码。