Toggles - это легкий jQuery плагин позволяющий создать простые и красиво оформленные кнопки переключения.

HTML разметка

<div class="toggle"></div>

CSS

На данный момент доступно три темы на выбор: светлая, темная и в стиле iphone.

javascript

Для работы плагина необходимо подключить jQuery библиотеку не ниже версии 1.4.x и сам плагин toggles.js.

Далее инициализируем скрипт:

$('.toggle').toggles();

Существует несколько опции

Без клика

<div class="toggle noclick"></div>

$('.toggle').toggles({clickable:false});

Без перетаскивания
<div class="toggle nodrag"></div>

$('.toggle').toggles({dragable:false});

Кликабельный элемент
<div class="clickme"><span style="font-size:13px">Нажмите тут!</span> <div rel="clickme" class="toggle"></div></div>

$('.toggle').toggles({click:$('.clickme')});

Переключение чекбокс
<div class="toggle" data-checkbox="checkme"></div>
	<input type="checkbox" disabled class="checkme">

$('.toggle').toggles({checkbox:$('.checkme')});

Выключен по умолчанию
<div class="toggle off"></div>

$('.toggle').toggles({on:false});

Пользовательский текст
<div class="toggle" data-ontext="Привет" data-offtext="Пока"></div>

$('.toggle').toggles({ontext:'Привет',offtext:'Пока'});

Офф. страница: http://simontabor.com/toggles/

СКАЧАТЬСкачек: 1372
25 Kb
Кто скачал?

ДЕМОПосмотреть
пример