# Раскрывающееся дерево

[importance 5]

Создайте дерево, которое по клику на заголовок скрывает-показывает детей: 

[iframe border=1 src="solution"]


Требования:
<ul>
<li>Использовать делегирование.</li>
<li>Клик вне текста заголовка (на пустом месте) ничего делать не должен.</li>
<li>При наведении на заголовок -- он становится жирным, реализовать через CSS.</li>
</ul>

P.S. При необходимости HTML/CSS дерева можно изменить.