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>

<!-- 左侧菜单栏收缩按钮 -->
<button class="layui-btn layui-btn-sm layui-btn-primary layui-icon layui-icon-shrink-right" id="btn-sidebar"></button>

JavaScript代码：

layui.use(['element'], function(){
  var element = layui.element;
  
  // 监听左侧菜单栏收缩按钮
  $('#btn-sidebar').on('click', function(){
    var sideBar = $('.layui-side');
    if(sideBar.hasClass('layui-side-collapsed')){
      sideBar.removeClass('layui-side-collapsed');
    }
    else{
      sideBar.addClass('layui-side-collapsed');
    }
  });
});

以上代码实现的功能是：点击按钮可以收缩或展开左侧菜单栏。你可以根据自己的需求修改代码。