это древовидное меню в стиле проводник?
тему рекурсия штудировать до просветления.
пример реализации:
Древовидное меню и селекторы ктати от проводника отличается только визуально там и там проще всего сделать рекурсивно, адля каждой глубины рекурсии свой класс, можно дивы можно спаны только дивы нужно будет грохать, а спаны можно перевести с нон на блок. вернее наоборот с блок на нон. если нужно задать позиционироание по вертикали то меняем у класса (естественно у элемента, а не укласса целиком, хотя панель одна- не так важно) соответствующего глубине рекурсии топ. или лефт. т.е. сдвигаем блок по одной из осей. перед тем как его "прикрутить" в DOM. еще. тут надо вспомнить как переполняется (содержимом )див. т.е. сделать его коротким по минимальному количеству кнопок, а если вдруг где-то кнопок буде больше он просто "оттянется" самостоятельно на нужную величину. что бы не искать приключений свойство оверфлоу можно задать руками, а не наедятся на дифолт браузера. т.е. так как у нас свой класс для каждой глубины, можно их сделать разными цветами(меняем так только топ) можно фон, можно заливку например чем более вложенная панель ткем темнее - простор для фантазии дизайнера.