framework7多媒体列表使用手风琴效果

我在代码中的多媒体列表中加入手风琴效果后，每次点击都会出现这样的bug，没点击前是这样的，。请问有没有人知道我的问题出在哪？代码如下

        <div class="item-after">17:14</div>
      </div>
      <div class="item-text">Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet</div>
    </div>
  </a>
    <div class="accordion-item-content">
    <div class="content-block">
      <p>Item 1 content. Lorem ipsum dolor sit amet...</p>
    </div>
  </div>
</li>
    </ul>
    </div>

上面的代码贴错了，代码如下：

Facebook

        <div class="item-after">17:14</div>
      </div>
      <div class="item-text">Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet</div>
    </div>
  </a>
    <div class="accordion-item-content">
    <div class="content-block">
      <p>Item 1 content. Lorem ipsum dolor sit amet...</p>
    </div>
  </div>
</li>
    </ul></div>