Всем привет! Помогите реализовать функционал для салона красоты по последовательному выбору мастера.
Т.е. имеется что-то типа дерева следующего типа:
- Причёски
- Окрашивание
- Светлые цвета
- Тёмные цвета
- Укладка
- Причёски
- Ногтевой сервис
- Брови
- Массаж
На странице должны сначала отображаться элементы первого уровня (Причёски, Ногтевой сервис, Брови, Массаж) при нажатии на элемент появляются дочерние элементы. (Например: при нажатии на элемент "Причёски" появляются Окрашивание, Укладка,Причёски и т.д. ) При нажатии на элемент последнего уровня появляется список мастеров с краткой информацией (имя, фамилия, номер телефона).
В голову приходит делать на странице div'ы со стилем display:none и добавлять обработчики событий OnClick, и скрывать или показывать определённые div'ы.
Подскажите как проще, правильнее, удобнее реализовать???