Дата: 13.01.2014 Автор: Сергей Источник:bulatlab.ru
Доброго времени суток, дорогой читатель!
В сегодняшней стать, как я и обещал раньше, пойдёт речь ещё об одном аккордеонном меню, выполненном с помощью CSS. Главное отличие данного меню от рассмотренных в предыдущих статьях заключается в использовании для выбора пунктов меню (отслеживания клика) вместо псевдоклассов target и nth-of-type элемента формы - input типа переключатель (radio).
Как обычно, создаётся html-страничка со следующей разметкой:
Как видно из приведенного кода, меню состоит из четырёх блоков div, в каждом из которых имеется элемент формы input с соответствующей ему меткой label (пункты меню), а также запись с маркированным списком из ссылок(подпункты меню).
Внешний вид и поведение всех элементов определяем в таблице стилей, код которой помещаем в раздел head: