jQuery 아코디언 - 모두 확장 표시

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는 페이지의 ASP : Literal 컨트롤입니다.

Answer 1

jquery/css를 accordian으로 올바르게 가져 오지 않은 경우 이런 일이 발생할 수 있습니다. 귀하의 페이지에 jquery ui accordion 스크립트와 css가 포함되어 있는지 확인하십시오.