jQuery Accordion - すべて展開して表示

Question

更新日：申し訳ありません - 私は愚か者でした。 display：ブロックはdivのスタイルで残っていました。

---

私はアコーデオンとして表示されるべきHTML文字列を構築するASP.Netページを持っています。これは動作しますが、ページはすべてのパネルを展開してアコーディオンをレンダリングします。

HTMLを書き込んだ後、パネルをすべて折りたたんでリセットする方法はありますか？

 System.Text.StringBuilder b = new System.Text.StringBuilder(); 
     Condition[] conditions = SearchConditions(searchFor.Text); 
     b.Append("<div id=\"ac1\" class=\"accordion\">"); 

     foreach (Condition c in conditions) 
     { 
      b.Append(" <h2>" + c.ConditionName + "<br /><span style=\"font-size:x-small\">" + c.Information + "</span></h2>" + Environment.NewLine) ; 
      b.Append(" <div class=\"pane\" style=\"display:block; font-size:x-small\">" + Environment.NewLine); 
      b.Append("  " + c.ConditionDescription + " <br /><br />" + Environment.NewLine); 
      if (c.ConditionInstructions.Length > 0) 
      { 
       b.Append("  <div class=\"message error\">"); 
       b.Append("   <strong>Important:</strong><br />"); 
       b.Append("   " + c.ConditionInstructions + ""); 
       b.Append("  </div>"); 
       b.Append("  <br />"); 
      } 
      b.Append("  <a href=\"#\">Add Condition</a>" + Environment.NewLine); 
      b.Append(" </div>" + Environment.NewLine); 
     } 
     b.Append("</div>"); 

     searchResults.Text = b.ToString(); 

searchResults.Textはページ上のリテラルコントロールです。

Answer 1

jquery/cssをaccordianに正しくインポートしていない場合に発生する可能性があります。あなたのページにjquery ui accordionスクリプトとcssが含まれていることを確認してください。