Здравствуйте.
развернутый вид меню:
<ul>
<li> 1. уровень 1 </li>
<li> 2. уровень 1
<ul>
<li> 1. уровень 2 </li>
<li> 2. уровень 2
<ul>
<li> 1. уровень 3 </li>
<li> 2. уровень 3 </li>
</ul>
</li>
</ul>
</li>
</ul>
начальный вид:
<ul>
<li> 1. уровень 1 </li>
<li> 2. уровень 1</li>
</ul>
что уже есть:
jQuery(document).ready(function() {
jQuery("li").click(
function () {
var li = jQuery(this);
// защита от повторной загрузки
if (li.children("ul").length) {
li.children("ul").slideUp("slow");
return;
}
var url = 'http://example.ru/'; // получаем url
jQuery.getJSON(url, {}, function (json) { // отправляем запрос на сервер
// вставляем подчиненный список
if (json.error == 0) { // проверяем на ошибки
// добавляем данные
li.append(json.data);
// отображаем
li.children("ul").slideDown("slow");
}
});
}
);
});
этот код по клику на <li> первого уровня вставляет список второго уровня, но никак не реагирует на клик по <li> второго уровня для добавления списка третьего уровня
