CSS3 для реализации табов, аккордеона и тогглера без javascript

Табы

JS Bin
Методика — скрытые инпуты и следующий css:

~ позволяет обращаться к элементам-«братьям».

Аккордеон

JS Bin
Методика — скрытые чекбоксы и css:

Тогглер

JS Bin

Тогглер правда не совсем «честный», т.к. при потере фокуса инпут скрывается. Но, думаю, можно реализовать и нормальный (с чекбоксами).

Источник — http://www.adobe.com/devnet/html5/articles/using-form-elements-and-css3-to-replace-javascript.html

LEAVE A COMMENT