Как добавить скролл в выпадающем списке?

Question

[Roman-Belgorod]

Здравствуйте.

№ 1) Есть выпадающий список в котором много полей, хотелось-бы добавить скроллинг, помогите реализовать.
№ 2) По клику поля активизируется содержимое, как замедлить его появление на 0,5 сек? Нужна задержка.

Вот пример jsfiddle.net/9xndzf9o/1
Подключен плагин :jquery.easydropdown.js + query 2.1.3

P.S. = Пример полностью рабочий, кому нужно забирайте. Аналог "tabs" где вместо вкладок выпадающий список по клику которых активизируется содержимое. Просьба лишь помочь в вопросах. Данный плагин обрабатывает select + option и подменяет на свою структуру html.

Comments

[Котик Антон]

Странно вы html форматируете конечно

[Roman-Belgorod]

27cm: Что странного? Плагин обрабатывает

Answer 1

[Roman-Belgorod]

1 вопрос решен кому интересно:

.dropdown ul { 
height: 200px;
overflow-y: scroll;
}
.dropdown div { 

height: 200px !important;

}

Answer 2

[Дмитрий Ким]

jsfiddle.net/9xndzf9o/2

Comments

[Roman-Belgorod]

Сорри, как немного укоротить, что-б полей 5-6 отображалось

[Дмитрий Ким]

Добавьте max-height: 200px или сколько вам там нужно, тестите на реальном примере.

[Roman-Belgorod]

Roman-Belgorod: Не получается, просто обрезается список при max-height

[Дмитрий Ким]

Roman-Belgorod: max-height : 200px + overflow-y: scroll