Древовидное облако тэгов

Долгое время любил и люблю нативный javascript без всяких примочек и рамочек. Однако фреймворки — вещь полезная!
По долгу службы полюбил jQuery, и пусть судорожно вздохнут все противники, а холивары с завистью потрут руки, но для меня это хоть и не было любовью с первого взгляда — теперь $() в моем сердце.
И, чтобы не быть эгоистом, делюсь со всеми своим первым публичным плагином — hcloud

hcloud — Древовидное облако тэгов.

Вот такое сочетание несочетаемых компонент и определение «древовидное» носит исключительно семантический характер, а не визуальный.

Цель плагина

• множественный выбор в облаке тэгов
• отображение/скрытие «дочерних» тэгов

Как завести

Например, «облако» любимых пород собак:

<ul id="cloud">
 <li value="11">
  Овчарки
  <ul>
   <li value="30">Австралийская овчарка</li>
   <li value="3">Бельгийская овчарка</li>
  </ul>
 </li>
 <li value="18">
  Терьер
  <ul>
   <li value="20">Эрдельтерьер</li>
   <li value="50">
    Фокстерьер
    <ul>
     <li value="4">Гладкошерстный</li>
     <li value="1">Жесткошерстный</li>
    </ul>
   </li>
  </ul>
 </li>
</ul>

… применение плагина (думаю, что многие уже догадались как)

$("#cloud").hcloud();

Смотрите простое демо с литературными жанрами, но есть и очень страшный экстремальный пример. На слабых компьютерах возможно зависание при генерации случайного дерева (20k-100k элементов).
Там же, в примере, можно посмотреть js-код и CSS.

У hcloud четыре параметра:

var options = {
 fontSizeRange: [8, 25], // диапазон размеров шрифта от меньшего к большему
 colorRange: ["000000", "cccccc"], // диапазон цветов от темного к светлому
 itemsSelector: "> li", // селектор элементов 1-го уровня
 childrenSelector: "> ul > li" // селектор элементов N-уровня
};

В общем, первый кирпичик в наши отношения с jQuery я заложил. Если кто-то захочет сделать любовный треугольник или квадрат, куб, параллелепипед, то обязательно заведу проект в google code под лицензией MIT, а пока AS IS…