Bootstarp风格的toggle效果分享_javascript技巧

最近在写项目的时候想要一个这样的效果，

我知道这个效果在 flat-ui中有， 但是我又不想引用一整个flat-ui;

　　这个效果依赖html5的transition， 所以浏览器兼容成问题；

　　从flat-ui中把这个效果的js和html，以及css给拨离出来；

　　整体的代码如下：

运行下面代码

toggle的demo


ON
OFF

整体的效果是依赖于jQuery， 当用户点击了label按钮会触发input的click事件， 然后判断给父级添加不同的classname；