css+Jquery实现抽拉式导航条和页面内容适应

效果图如下

对于树形结构目录，我采用的是无序列表来实现，更符合SEO

其中要注意的一点就是你的点击事件放置位置，在li标签中，添加点击事件监听的应该和子目录标签分隔开，点击事件一定不能放在li父标签
直接可以用css去实现，js控制class的出现，就行了

对于左右隐藏，主体内容填充

记住不要使用什么css的变换，这样浏览器在重流时，会同步重流，导致出现窗体抖动，各种问题
解决方法，用伸缩布局，直接改变宽度就行(本来不知道，一直在试，最后去看了阿里云的控制台页面，发现就改变了一下宽度，我去。。。)
样例嘛,等我域名申请好...
http://www.reyirfw.cn/jquery/经典管理系统.html