layui侧边栏折叠和展开效果该怎么实现

1、首先引入layui的样式代码。

2、然后创建html代码，添加上layui的导航样式，layui-nav。

3、运行页面，这时就可以看到一个美观的导航菜单了。

4、现在的菜单右边有很多空白的地方，可以添加样式，为导航栏条目添加长度，让其布满页面。添加一个样式，注意样式名和刚才默认的样式名一样。添加width:25%的样式。

5、再次运行页面，现在导航栏的条目布满了，没有留下过多的空白了。

• 最新活动


• 产品


• 大数据


• 
  解决方案
  

  
  

  移动模块

  
  

  后台模版

  
  

  电商平台

  
  

  
  


• 社区

$(".layui-nav-tree .layui-nav-item").click(function(){
$(".layui-nav-tree .layui-nav-item").removeClass("layui-nav-itemed").removeClass("layui-this");
$(this).addClass($(this).has('dl').length ? "layui-nav-itemed" : "layui-this");
});

layui.element不是一个function