Проблема с контентом, добавляемым к сворачиваемому элементу

Question

У меня есть сворачиваемый раздел на странице, к которому я добавляю больше элементов с помощью ajax-вызова после нажатия на сворачиваемый заголовок. Это прекрасно работает, появляется индикатор выполнения

$("div#showTicketForm").live("раскрыть", функция () {

  if (!isFormLoaded) {
      $.mobile.pageLoading();             
      $.get(
          "<c:url value='/Controller' />",
          "page=form&id=${id}&sub=${sub}",
          function(data) {
              $("div#showTicketForm").append(data).page();
              isFormLoaded = true;
              $.mobile.pageLoading(true);
      });         
  }   

});

Проблема в том, что добавленное содержимое не сворачивается при щелчке по заголовку.

Как это может быть достигнуто?

Answer 1

[редактировать]

Извините, я не читал внимательно. Ты используешь .page:П

Ваша проблема в том, что элемент не может быть .pageбуду не раз. Вы должны воссоздать div, который вы называете div#showTicketForm или создайте новый div в нем.