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">