Функционал

• Отображение и скрытие дочерних элементов
• Визуальная группировка элементов
• Стилевые настройки на различных уровнях
• Перемешивание тегов
• Рандомный подбор размера шрифта
• Несколько видов появления дочерних элементов
• Рандомное определение цвета для ссылки

История
Изначально был реализован плагин, выполняющий все перечисленные функции, но проблема была в том что там было порядка 30-40 входящих переменных и когда попытался прикрутить его на сайт, то сам полез копаться в коде, чтобы вспомнить что за что отвечает.
Начало работы
Html код выглядит так:

javascript:

Настройка
colors- Массив, элементы которого-цвета в hex`e. Выбираются рандомно для ссылок. Пример массива: '#336699, #3399ff, #3366ff, #ff9933, #b2ed4b';
dynamic- true / false. По дефолту false. Рандомное присвоение размера шрифта для ссылки.
maxSize -integer. По дефолту 34. Максимальный размер шрифта ссылки при включенном dynamic.
minSize- integer. По дефолту 15. Минимальный размер шрифта ссылки при включенном dynamic.
inner- true/false. По дефолту false. Показать/скрыть дочерние элементы после загрузки страницы.
shuffle- true/false. По дефолту false. Перемешивание ссылок.
show -'slide'/'fade'. По дефолту false. Появление дочерних элементов. fade-$().fadeIn('slow'). slide-$().slideToggle();
auto- true/fasle. По дефолту false. Актуально при использовании colors. При появлении дочерних элементов- их цвет будет такой же как и у ссылки, по который был сделан клик(В противном случае -все ссылки будут разноцветные).
a- CSS класс для ссылок.
a1- CSS класс для ссылок на первом уровне". То есть первых дочерних ссылок.
a2- CSS класс для ссылок на втором уровне
и т.д.
ul0- CSS класс для списка на первом уровне.
ul1- CSS класс для списка на втором уровне.
и т.д.
aClick- CSS класс для ссылки после клика по который произошло появление дочерних элементов.
ulClick- CSS класс для списка, родителя ссылки после клика по которой произошло появление дочерних элементов.

Вот несколько примеров и сылка для скачивания.


Меню с подпунктами
Если освному списку не присваивать CSS свойство display:inline, то результатом получится горизонатльно меню с подпунктами. А для наглядности можно просвоить дочерним списками padding-left: xx px.

P.S. Если использовать для родителя основного списка CSS свойства text-align:justify, в опере бывают неведомые глюки(текст местами вылазит за границы родителя).