Как Свернуть/развернуть options в группу при нажатии на неактивный option?

Question

[djohny_z]

Привет, у меня вопрос. А как сделать, когда у тебя список select>option чтобы при нажатии на option который disabled плавно скрывались\раскрывались его же options. Или надо переписывать список под ul>li?
Вот сам список
Сделать примерно такое только без стилей https://ruseller.com/lessons/les2479/demo/index.html

Answer 1

[nokimaro]

<select> очень сложно поддаётся кастомизации и того что вы описали "из коробки" нету. Нету некого сворачивания/разворачивания части элементов списка.

В теории можно сделать это на JS путём манипуляции со списком <option> при клике.
Но любое такое решение ничем не лучше использования кастомной обёртки которая эмулирует вид select через ul/div

upd. решение задачи с использованием select и optgroup https://stackoverflow.com/a/52157352/2145125
а так же jquery + select2.js и немного js кода
select 2 js в любом случае кастомизирует select и подменяет его u>li списком.

Comments

[djohny_z]

благодарю за информацию nokimaro