我们借助一款jQuery插件：slidereveal.js，可以使用它控制面板左右侧滑出与隐藏等效果，项目地址：https://github.com/nnattawat/slideReveal。
如何使用
首先在页面中加载jquery库文件和slidereveal.js插件。
<script src=”jquery.js”></script>
<script src=”jquery.slidereveal.min.js”></script>
然后在body里放置面板元素如div#slider，内容自定，并且放置触发调用面板的元素如button或者a元素。
<div id=”slider” class=”slider”>
Helloweba欢迎您！
</div>
<button id=”trigger” class=”trigger”>展开左侧</button>
最后直接调用slidereveal.js插件，代码如下：
$(‘#slider’).slideReveal({
trigger: $(“#trigger”)
});
选项设置
默认情况下，面板是从左侧滑出，并且将主页面内容向右“推”，并且可以使用键盘的“ESC”键关闭面板。
