H5页面分割点击可隐藏展示右边内容。类型与菜单栏隐藏

列如这样的布局，右边正方形的部分可以点击中间的竖线隐藏，隐藏后左边部分占据整个页面。再次点击竖线右边部分显示，左边部分缩小占据页面一半。easyui似乎没有这种，有没有纯h5的例子之类的

这种div+flex布局，点击动态切换类名即可,显示与隐藏元素用display:none和display:block就可以做到。或者直接移除元素（你这个的直接移除）

给右边div加个transition:0.5s，点击竖线，右边把右边div宽度变为0，左边宽度变大。

再次点击竖线，两个div宽度再变回去