раскрывающейся список в html

<li><a href="#">Женщина</a></li>

<li><a href="#">Мужчина</a></li>

<div id="dd" class="wrapper-dropdown-1"><span>Выберите пол:</span>

Для начала рассмотрим простую разметку. Для этогоPмы будем использовать контейнер сPulPдля данного выпадающего списка.

Плавная анимация предусмотрена только в последних браузерах. Также для правильного отображения было добавлено несколько строчек JavaScript. И так, приступим.

Буквально на каждом сайте можно найти выпадающие элементы. Это весьма интересный способ организации материала на Pсайте, ведь элементы по умолчанию скрыты, и пользователю необходимо выполнить определенные действия, чтобы увидеть полный список, например нажать на элемент выбора. Зачастую такие элементы весьма скучны и однообразны, при этом не привлекают взор посетителя, тем самым теряя драгоценные клики по сайту. В данном уроке мы рассмотрим как можно стилизовать выпадающий список с различнымиPэффектами.

Создаем стильный выпадающий список на CSS

Создаем стильный выпадающий список на CSS3 | RUDEBOX