使用javascript动态设置基础6数据 - 手风琴 - 菜单

Question

我正在尝试使用纯javascript在Foundation 6手风琴菜单中动态构建一个数组。我似乎无法弄清楚如何将数据 - 手风琴菜单注入div。原始代码如下所示：

movaps

我正试图用它动态重建它：

    <div class="button_moreinfo row">
      <ul class="vertical menu" data-accordion-menu>
        <li>
          <a href="#">Saturday, 3/19 @ 6:05PM</a>
          <ul class="menu vertical nested">
            <li><a href="#">Person A has 25pts</a></li>
            <li><a href="#">Person B has 5pts</a></li>
            <li><a href="#">Person C has been pulled from the game for a sprained ankle</a></li>
          </ul>
        </li>
      </ul>
    </div>