Collection of free jQuery toggle switch code examples.

11 jQuery Toggle Switches

Collection of free jQuery toggle switch code examples.

Related Articles:

  1. CSS Toggle Switches

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

Elastic Volume Toggle

Sound on/off animated toggle switch in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, tweenmax.js, timelinemax.js

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

3D Switch Animation #2

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, three.js, tweenmax.js

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

3D Switch Animation

Cool 3d switch animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, three.js, tweenmax.js

Author

  • Valery Alikin

Made with

  • HTML / CSS (SCSS) / JS

About a code

Toggle

Draggable skeuomorph switch - toggle.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, anime.js

Author

  • Abhisek Dutta

Made with

  • HTML / CSS / JS

About a code

SVG Radio Button

Animated SVG radio button.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, tweenmax.js

Author

  • Diego Cadena

Made with

  • HTML / CSS (Less) / JS

About a code

Button On/Off

Button on/off - sliding button.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Himalaya Singh

Made with

  • HTML / CSS / JS

About a code

Batman/Superman Toggle Button

Select your favourite superhero: Batman or Superman.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

Smiley Switch Animation

Simple switches with animation in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

Switch Loading Animation

Switch with a very simple loading animation for an ajax call or something like that.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Ravi Dhiman

Made with

  • HTML (Pug) / CSS (SCSS) / JS

About a code

Toggle Button

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Timothee Guignard

Made with

  • HTML / CSS (SCSS) / JS

About a code

SVG Toggle Animation

A full CSS/SVG ang jQuery checkbox button.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

back to top