[gs_]

Здравствуйте.

развернутый вид меню:

<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> второго уровня для добавления списка третьего уровня