Дерево выбора (показать/скрыть элементы)

[vlad1q]

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

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

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

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

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

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

Так примерно должно выглядеть:

[klierik]

Да, это будут дивы+display:none;

В чем возникает трудность при исполнении задачи?