最近在写项目的时候想要一个这样的效果，
我知道这个效果在 flat-ui中有， 但是我又不想引用一整个flat-ui;
这个效果依赖html5的transition， 所以浏览器兼容成问题；
从flat-ui中把这个效果的js和html，以及css给拨离出来；
整体的代码如下：
运行下面代码
<Meta charset="utf-8"/>
toggle的demo
dio" for="toggleOption2">ON
dio" name="toggleOptions" id="toggleOption1" value="option1" checked="checked">
dio" name="toggleOptions" id="toggleOption2" value="option2">
整体的效果是依赖于jQuery， 当用户点击了label按钮会触发input的click事件， 然后判断给父级添加不同的classname；
原文链接：https://www.f2er.com/js/50000.html