今天在做项目的时候需要实现┅个侧边栏效果，一开始想到用Bootstrap但是collapse这样的组件只能向下或向上打开，于是在网上研究了一阵总结出目前觉得效果理想的最简单的办法。

<!-- 为方便看清楚这里去掉了自定义的Bootstrap样式，只写关联的代码 -->

/* 如果需要侧边栏跨过底部导航栏先需要知道导航栏的高度 */
 right: -50%; /* 侧边栏有多宽，就-多少相当于先藏在视窗外边（从左边打开的话就换成left） */
 z-index: 9999; /* 设置一个超大的数字覆盖所有元素，如果层叠不够或者未设置那么侧边栏鈳能会被其他元素遮挡 */

//当然是定义按钮的点击事件啦
 //我的逻辑上是先判断没有这个class，没有的话就添加这个添加动作会触发宽度加长的过渡效果
 //同理，展开之后要切换移除这个class来触发减小宽度的过渡效果