Как динамически вывести данные в timeline?

Question

[SvetlanaDubovik]

Здравствуйте. Подскажите, пожалуйста. Нужно вывести данные с помощью jquery timeline. Данные подтягиваются через AJAX. Я не понимаю, как это сделать. Элементов списка ul может быть любое количество. И содержимое этих элементов может быть разное. Например, у некоторых li может не быть документов. Помогите, пожалуйста. Все нужные данные собрала, а вот вывести на экран не могу(( В итоге в html должна нарисоваться следующая структура

<ul class="timeline ">
    <li>
       <div class="timeline-circ"></div>
          <div class="timeline-entry">
              <div class="card style-primary contain-sm">
                 <div class="card-body small-padding">
                     <dl class="dl-horizontal dl-even">
                        <dt>Дата</dt>
                        <dd>Название</dd>
                        <dt>Документы
                            <ul> 
                               <li>Документ1</li>
                               <li>Документ2</li>
                           </ul>
                        </dt>
                  </dl>
                </div>
             </div>
        </div>
     </li>
<li class="inverted">
       <div class="timeline-circ"></div>
          <div class="timeline-entry">
              <div class="card style-primary contain-sm">
                 <div class="card-body small-padding">
                     <dl class="dl-horizontal dl-even">
                        <dt>Дата</dt>
                        <dd>Название</dd>
                        <dt>Документы
                            <ul> 
                               <li>Документ1</li>
                               <li>Документ2</li>
                           </ul>
                        </dt>
                  </dl>
                </div>
             </div>
        </div>
     </li>
 </ul>

Comments

[Alexander]

Как насчет примеров получаемых данных?

[SvetlanaDubovik]

Alexander: SvetlanaDubovik @SvetlanaDubovik
Примеры данных. Есть данные, которые есть в любом случае. Это date и name. По длине массива name определяю сколько элементов li будет в timeline. В doc отслеживаю, есть у элемента li вложенный список ul с документами или нет. Если в массиве в dName стоит 0, значит, этого списка нет, если есть значение, значит, нужно создать ul. Нужно создать именно ul, т.к. может быть несколько документов. Ну и у этих эелементов может быть дата, а может и не быть ее.

date = ["12-01-2001", "10-01-2001", ...]
name = ["Название1", "Название2", ...]
doc ={
dDate: [0 , 0, "12-01-2001", [0, 0, "12-01-2001"], ...],
dName: [0, "Документ1", "Документ2", ["Документ3", "Документ4", "Документ5"], ...]
}