Свой селект

[importance 5]

Напишите свой, самостоятельно оформленный, селект.

Требования:

Открытие и закрытие по клику на заголовок.
Закрытие селекта происходит при выборе или клике на любое другое место документа, в том числе на другой аналогичный селект.
Событие `"select"` при выборе опции возникает на элементе селекта и всплывает.
Значение опции хранится в атрибуте `data-value` (HTML-структура есть в исходном документе).

Например:

[iframe src="solution" height="200"]

В примере выше два селекта, чтобы можно было проверить процесс открытия-закрытия.