手机版的侧栏滑出效果

这是原图

这是左侧栏滑出效果图
1、当点击首页的图标时，左侧栏划出，再点击图标时，左侧栏隐藏；
2、手指从左向右滑动，左侧栏划出，再手指向左滑动，左侧栏隐藏。
这两个效果都要可以用，求大神帮忙，急！！！

真心求大神帮忙了。。。。

发出来这么久居然没人回答。。。。。