2014-06-19 121 views
0

我有一個手風琴創建,當我加載頁面時,它顯示了第二秒的所有內容。當完成加載頁面時,手風琴按預期摺疊。jQueryUI手風琴擴展加載

<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> 
+0

頁面中的腳本在哪裏? –

+0

在標題部分 – Grasper

+0

然後,它試圖在Accordion添加到DOM之前運行,因此它可能無法正常工作。結果會發生什麼? –

回答

0

在第一個div中添加內聯樣式的技巧!

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

完美,很高興爲您提供幫助;-) –

+0

謝謝,:-),請提高票數,所以我得到一些觀點,因爲我不能評論人們的問題... – Grasper

+0

Upvote your answer taking my answer? ... –