Javascript-форум - Дерево выбора (скрыть/показать блоки)

Всем привет! Помогите реализовать функционал для салона красоты по последовательному выбору мастера.

Т.е. имеется что-то типа дерева следующего типа:

Причёски
- Окрашивание
  - Светлые цвета
  - Тёмные цвета
- Укладка
- Причёски
  - Свадебная
  - Вечерняя
Ногтевой сервис
- Гель
- Лак
- Уход
Брови
- Коррекция
- Уход
Массаж

На странице должны сначала отображаться элементы первого уровня (Причёски, Ногтевой сервис, Брови, Массаж) при нажатии на элемент появляются дочерние элементы. (Например: при нажатии на элемент "Причёски" появляются Окрашивание, Укладка,Причёски и т.д. ) При нажатии на элемент последнего уровня появляется список мастеров с краткой информацией (имя, фамилия, номер телефона).

В голову приходит делать на странице div'ы со стилем display:none и добавлять обработчики событий OnClick, и скрывать или показывать определённые div'ы.

Подскажите как проще, правильнее, удобнее реализовать???