HTML — популярный язык, используемый для строительства веб-страниц и другой информации, которая может быть показана в web-браузере. HTML 5 является последним достижением. С другой стороны, CSS — язык, который используется для того, чтобы описать семантику представления на веб-сайтах, это язык разметки стилей; HTML и XML были наиболее используемыми языками. CSS разъединяет содержание самого документа и его представления, включая элементы расположения, цвета и шрифтов. CSS также, как и HTML, появился с различными версиями, и CSS3 является текущей. "Аккордеон"-меню на HTML 5 и CSS 3 используется, чтобы построить дизайн веб-сайтов с хорошей разметкой, комбинацией цвета и идеальной типографией. Аккордеон — многоуровневое меню с фиксированной высотой и шириной. Оно может быть использовано для создания отсека подпунктов главного меню. Вашему вниманию представляются бесплатные «аккордеон»-меню на HTML5 и CSS3, которые могут быть использованы для веб-дизайна и разработки сайтов.

Accordion using only CSS

Responsive: Tabs to accordion

CSS3 Multiple Accordion Menu

Accessible Accordion & Toggle

RWD Accordion

jQuery Accordion custom navigation 

CSS3-only accordion

Simple Accordion

Simple Accordion FAQ List

Hover activated accordian with default state

Accordion slider

Accordion

Simple accordion for news

CSS Based Animated Accordion

Fading List

Content Accordion in Pure CSS3

Accordion without Javascript

CSS3 Accordion

Vertical Accordion effect with jQuery

Multi level slide accordion menu with jQuery

Accordion with CSS3

Flexible Slide-to-top Accordion

Vertical Sliding Accordion with jQuery

Elegant Accordion with jQuery and CSS3

Accordion Menu

Перевод — Дежурка.

Автор — Unaiz.

Возможно, вам будет интересно: Прозрачные ui-элементы бесплатно.