Делаю выбор города через select . Города разбиты в группы по регионам optgroup. Но список получается просто огромным, есть ли возможность свернуть все группы до названия и разворачивать группу, только при клике мышкой?
пример селекта
<select name="select_projects" id="select_projects">
<option value="">project.xml</option>
<optgroup label="client1">
<option value="">project2.xml</option>
</optgroup>
<optgroup label="client2">
<option value="">project5.xml</option>
<option value="">project6.xml</option>
<optgroup label="client2_a">
<option value="" style="margin-left:23px;">project7.xml</option>
<option value="" style="margin-left:23px;">project8.xml</option>
</optgroup>
<option value="">project3.xml</option>
<option value="">project4.xml</option>
</optgroup>
<option value="">project0.xml</option>
<option value="">project1.xml</option>
</select>
мой список городов тут
http://jsfiddle.net/wu1upn0e/2/