https://bdslcci.com/css/libs/toggle-data.js

1/*Toggle Init*/
2 
3"use strict"; 
4$('.toggle1').toggles({
5	drag: true, // allow dragging the toggle between positions
6	click: true, // allow clicking on the toggle
7	text: {
8	on: '', // text for the ON position
9	off: '' // and off
10	},
11	on: true, // is the toggle ON on init
12	animate: 250, // animation time (ms)
13	easing: 'swing', // animation transition easing function
14	checkbox: null, // the checkbox to toggle (for use in forms)
15	clicker: null, // element that can be clicked on to toggle. removes binding from the toggle itself (use nesting)
16	
17	type: 'compact' // if this is set to 'select' then the select style toggle will be used
18});
19$('.toggle2').toggles({
20	drag: true, // allow dragging the toggle between positions
21	click: true, // allow clicking on the toggle
22	text: {
23	on: 'ON', // text for the ON position
24	off: 'OFF' // and off
25	},
26	on: true, // is the toggle ON on init
27	animate: 250, // animation time (ms)
28	easing: 'swing', // animation transition easing function
29	checkbox: null, // the checkbox to toggle (for use in forms)
30	clicker: null, // element that can be clicked on to toggle. removes binding from the toggle itself (use nesting)
31	
32	type: 'compact' // if this is set to 'select' then the select style toggle will be used
33});
34$('.toggle3').toggles({
35	drag: true, // allow dragging the toggle between positions
36	click: true, // allow clicking on the toggle
37	text: {
38	on: 'ON', // text for the ON position
39	off: 'OFF' // and off
40	},
41	on: true, // is the toggle ON on init
42	animate: 250, // animation time (ms)
43	easing: 'swing', // animation transition easing function
44	checkbox: null, // the checkbox to toggle (for use in forms)
45	clicker: null, // element that can be clicked on to toggle. removes binding from the toggle itself (use nesting)
46	
47	type: 'select' // if this is set to 'select' then the select style toggle will be used
48});
49$('.toggle4').toggles({
50	drag: true, // allow dragging the toggle between positions
51	click: true, // allow clicking on the toggle
52	text: {
53	on: 'ON', // text for the ON position
54	off: 'OFF' // and off
55	},
56	on: true, // is the toggle ON on init
57	animate: 250, // animation time (ms)
58	easing: 'swing', // animation transition easing function
59	checkbox: null, // the checkbox to toggle (for use in forms)
60	clicker: null, // element that can be clicked on to toggle. removes binding from the toggle itself (use nesting)
61	
62	type: 'compact' // if this is set to 'select' then the select style toggle will be used
63});
64/*
65$('#toggle_1').toggles({
66	drag: true, // allow dragging the toggle between positions
67	click: true, // allow clicking on the toggle
68	text: {
69	on: 'ON', // text for the ON position
70	off: 'OFF' // and off
71	},
72	on: true, // is the toggle ON on init
73	animate: 250, // animation time (ms)
74	easing: 'swing', // animation transition easing function
75	checkbox: null, // the checkbox to toggle (for use in forms)
76	clicker: null, // element that can be clicked on to toggle. removes binding from the toggle itself (use nesting)
77	
78	type: 'compact' // if this is set to 'select' then the select style toggle will be used
79});
80$('#toggle_2').toggles({
81	drag: true, // allow dragging the toggle between positions
82	click: true, // allow clicking on the toggle
83	text: {
84	on: '', // text for the ON position
85	off: '' // and off
86	},
87	on: true, // is the toggle ON on init
88	animate: 250, // animation time (ms)
89	easing: 'swing', // animation transition easing function
90	checkbox: null, // the checkbox to toggle (for use in forms)
91	clicker: null, // element that can be clicked on to toggle. removes binding from the toggle itself (use nesting)
92	
93	type: 'compact' // if this is set to 'select' then the select style toggle will be used
94});
95$('#toggle_3').toggles({
96	drag: true, // allow dragging the toggle between positions
97	click: true, // allow clicking on the toggle
98	text: {
99	on: '', // text for the ON position
100	off: '' // and off
101	},
102	on: true, // is the toggle ON on init
103	animate: 250, // animation time (ms)
104	easing: 'swing', // animation transition easing function
105	checkbox: null, // the checkbox to toggle (for use in forms)
106	clicker: null, // element that can be clicked on to toggle. removes binding from the toggle itself (use nesting)
107	
108	type: 'compact' // if this is set to 'select' then the select style toggle will be used
109});
110$('#toggle_4').toggles({
111	drag: true, // allow dragging the toggle between positions
112	click: true, // allow clicking on the toggle
113	text: {
114	on: '', // text for the ON position
115	off: '' // and off
116	},
117	on: true, // is the toggle ON on init
118	animate: 250, // animation time (ms)
119	easing: 'swing', // animation transition easing function
120	checkbox: null, // the checkbox to toggle (for use in forms)
121	clicker: null, // element that can be clicked on to toggle. removes binding from the toggle itself (use nesting)
122	
123	type: 'compact' // if this is set to 'select' then the select style toggle will be used
124});
125$('#toggle_5').toggles({
126	drag: true, // allow dragging the toggle between positions
127	click: true, // allow clicking on the toggle
128	text: {
129	on: 'YES', // text for the ON position
130	off: 'NO' // and off
131	},
132	on: true, // is the toggle ON on init
133	animate: 250, // animation time (ms)
134	easing: 'swing', // animation transition easing function
135	checkbox: null, // the checkbox to toggle (for use in forms)
136	clicker: null, // element that can be clicked on to toggle. removes binding from the toggle itself (use nesting)
137	

138	type: 'select' // if this is set to 'select' then the select style toggle will be used
139});*/