Иногда для определенных проектов требуется реализовать древовидное многоуровневое меню наподобие проводника Windows. Есть несколько плагинов для JQuery, позволяющих это сделать. Я испытал многие, и решил остановиться на jsTree. Он обладает массой возможностей и привлекателен по следующим причинам:
- Есть встроенные темы оформления. Их можно выбирать в зависимости от дизайна сайта. Можно создавать свои темы;
- Легко изменяется CSS;
- Плагин работает во всех браузерах, не нужно беспокоиться о совместимости;
- Запоминает состояние открытого узла в cookies;
- Плавная настраиваемая анимация при разворачивании узла;
- Возможность назначать события при нажатии на узел;
- Назначение особых иконок для нужных узлов по типу либо индивидуально;
- Загрузка как подготовленных HTML-данных в виде меню UL, так и по AJAX в формате JSON;
- Возможность автоматического сворачивания открытых узлов при разворачивании соседнего.
На этом остановимся, хотя есть и другие положительные моменты. Скачать плагин можно на официальном сайте.
Так он выглядит в действии:
