en.javascript.info/2-ui/2-events-and-interfaces/5-event-delegation/2-sliding-tree/task.md

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

[importance 5]

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

[iframe border=1 src="solution"]

Требования:

• Использовать делегирование.
• Клик вне текста заголовка (на пустом месте) ничего делать не должен.
• При наведении на заголовок -- он становится жирным, реализовать через CSS.

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