MooSwitch

By Marcel Miranda

Fork me on GitHub

Try It

Example

Description

MooSwitch is a iPhone / Time Machine style switch or toggle button for MooTools 1.2, which you initiate this way:

var mySwitch = new MooSwitch('checkbox_id');

Or:

new MooSwitch($$('.checkboxes_class'))

There are three ways of toggleing, you can drag the handle to a side, click the label, or if the labels are placed outside, clicking the scroll area (the handle background). MooSwitch takes care of hiding the Checkbox inputs.

License

MooSwitch is released under the same license as MooTools, the Open Source MIT license, which gives you the possibility to use it and modify it in every circumstance.

Browser Compatibility

MooSwitch has been tested successfully in Safari 3 and Firefox 3. IE coming soon.

Download

MooSwitch at GitHub

Comments