jQuery 아코디언이있는 리피터 내부 리피터

Question

최근이 튜토리얼에 따라 중첩 된 리피터를 만들었습니다. 난 그냥이 예제처럼 jQuery를 아코디언을 추가

http://www.codeproject.com/Articles/6140/A-quick-guide-to-using-nested-repeaters-in-ASP-NET

그러나 같은 일 :

http://www.snyderplace.com/demos/accordion.html

다 좋다, 그러나 나는 몇 가지 UI 문제를 깨달았다. 내 중첩 된 중계기 중 하나에 100 개의 레코드가 있고 다른 레코드에 단 하나의 레코드가있는 경우 예를 들어, 단 하나의 레코드 만있는이 두 번째 레코드에는 100 개의 레코드가 있으므로 빈 공간이 예약되어 있습니다. 누가 중첩 된 각 중계기를 높이에 맞추는 법을 아는 사람이 있습니까?

<div id="accordion"> 
    <asp:Repeater ID="summary" runat="server" OnItemDataBound="summary_ItemDataBound"> 
     <HeaderTemplate> 
     </HeaderTemplate> 
     <ItemTemplate> 
      <div> 
       Id:<asp:Literal ID="litCategory" runat="server" /> 
      </div> 
      <div> 
       <asp:Repeater ID="detail" runat="server" OnItemDataBound="detail_ItemDataBound"> 
       <HeaderTemplate> 
        <table> 
         <thead> 
          <tr> 
           <th>ID</th> 
           <th>Name</th> 
          </tr> 
         </thead> 
         <tbody> 
       </HeaderTemplate> 
       <ItemTemplate> 
         <tr> 
          <td><asp:Literal ID="litID" runat="server" /></td> 
          <td><asp:Literal ID="litName" runat="server" /></td> 
         </tr> 
       </ItemTemplate> 
       <FooterTemplate> 
         </tbody> 
        </table> 
       </FooterTemplate> 
      </asp:Repeater> 
      </div> 
     </ItemTemplate> 
     <FooterTemplate> 
     </FooterTemplate> 
    </asp:Repeater> 
</div> 

Answer 1

알았어! 나는이 해결책을 발견했다!

$(function() { 
     $("#accordion").accordion({ 
      collapsible: true, 
      heightStyle: "content" 
     }); 
    }); 

속성에 지정할 필요가 있습니다.