Любой громоздкий многоуровневый список можно представить в компактном виде. В форуме недавно обсуждалась тема "Закрытие всех слоев DIV, составляющих меню". После него AKS прислал простое решение, которое будет показано далее на примере неупорядоченного списка UL, его можно применить для создания меню сайта.

Eсли в браузере отключить JavaScript, будет просто показан развернутый список, т.е. все его элементы всегда доступны, не зависимо от возможности выполнять JavaScript.

Пример списка

Кликните по ссылке ниже, чтобы скрыть дополнительные пункты...
компактное представление списка

Кликнув по следующей ссылке, вы добавите немного стилевого оформления.
добавить оформление

Если понравилось

Вы можете скачать ZIP-архив примера, а также посмотреть сам пример на отдельной странице. Можно посмотреть JavaScript и убедиться, что он совсем небольшой, если из него убрать все подробные комментарии, описывающие принцип его работы.

Обсуждение примера в форуме: "Компактный список".

Автор: AKS