# Свой селект

[importance 5]

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

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

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

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