Стилизированный выпадающий список
 

Добрый день!
Для нового проекта нужен стилизированный выпадающий список.
Хороший пример: http://www.kupikupon.ru (поле "Мой город:").

Я думаю возможно это реализовать на джиквери с помощью функции slide и т.п., но возможно есть стандартные компоненты? Интересует, так сказать, бест практикс.

Спасибо!

А без JQuery никак?

Неужели так тяжело написать пару 10 строк вместо того что бы подключать такую грмоздкую библиотеку.

Функционал у списка самый элементарный. Это просто HTML-разметка списка, и по клику на элементе выводится блок, который представлен списком. Правда визуализация развертывания есть, но по таймату можно поставить увеличение длины до определнного размера (нужно только с параметрами поиграться).

Согласен с Вами вполне.
Пример не удачный, http://pokupon.ua/ вот тут более подходящий. Фактически эмулируется обычный селект.

Я пожалуй сделаю как Вы говорите.

А в этом ещё проще не нужно играться с развертыванием, вот только я бы для красоты сделал что бы рисунок со стрелкой как то выделялись при наведении на него курсора, так красивее. А то получается всё как один сплошной блок.