jQueryUI手风琴扩展加载

Question

我创建了一个手风琴，当我加载页面时，它会显示所有内容。完成加载页面后，手风琴会按预期崩溃。

<script>
  $(function() {
    $( "#accordion_rel" ).accordion({
      collapsible: true,
        active: false
      });
      });
</script>

<div id="accordion_rel">
  <h3>
    Related Articles
  </h3>
  <div>
    <ul class="side-expand">
      {% for cur in topic.articles %}
      <li>
        <a class="{% if article.id == cur.id %}active{% else %}inactive{% endif %}" href='{{ cur.public_url }}'>
          {{ cur.subject_plain | clip:35 }}
        </a>
      </li>
      {% endfor %}     
    </ul>
  </div>
</div>

Answer 1

在第一个div中添加内联样式就可以了！

   <div id="accordion_rel">
      <h3>
        Related Articles
      </h3>
      <div style="display:none">