Bootstarp风格的toggle效果分享

Bootstarp风格的toggle效果分享

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

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

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

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

整体的代码如下：

运行下面代码

toggle的demo

ON

OFF

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。