многоуровневое дерево с перетаскиванием jquery

   <li><span><a href="#2">2. Ветка</a></span></li>

     </ul>

      </li>

        </ul>

         <li><span><a href="#113">1.1.3. Цветок </a></span></li>

         <li><span><a href="#112">1.1.2. Цветок </a></span></li>

         <li><span><a href="#111">1.1.1. Листик</a></span></li>

        <ul>

      <li><span><a href="#11">1.1. Ветка</a></span>

     <ul>

   <li><span><a href="#1">1. Ветка</a></span>

  <h4><a href="#">Заголовок</a></h4>

<div id="multi-derevo">

Дерево будет работать, если выполнить базовое условие оформить html в таком виде:

Для сохранания состояния использованы Cookies и плагин. Работать с cookies очень .

Страницу можно перезагружать, а дерево все равно будет помнить все что вы открыли и выбрали!

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

Продолжается развитие темы о .

Многоуровневое дерево с маркерами, сохраняющее состояние (HTML, CSS, jQuery, Cookies)

Многоуровневое дерево с маркерами, сохраняющее состояние (HTML, CSS, jQuery, Cookies) / Хабрахабр