后台管理系统

Question

最近在做后台管理系统，看到一套模板：http://webapplayers.com/inspi... 像这套模板里点击按钮左侧交叉出现不同的菜单，右侧紧跟着往前往后是怎么实现的呢？
我自己实现的是有两套菜单，一个出现一个消失，右侧的margin-left跟着变，jq show(500)，hide(500)控制菜单显隐，css3 transition:all .5s控制右侧margin，但是实现的效果不好，右侧不会紧跟着菜单变化，两者运动的时候中间会有空隙

Answer 1

看了一下，那个模板的实现方法是：
点击时，设置左侧宽度为70px，右侧 margin：0 0 0 70px，
主要的滑动效果在于都有个 transition: all 0.4s;

Answer 2

左侧也要设置transition吧

Answer 3

点击按钮，他给body添加了mini-navbar的样式，直接看样例模版中的mini-navbar的样式就可以，要用js就都用js，要用css就都用css