다른 아코디언의 아코디언

Question

아약스 아코디언을 사용하는 Iam. 다른 아코디언 안에 아약스 아코디언을 추가 할 수 있습니까? 후 클릭 실행이하십시오

내가이 추가 시도하지만, 내부의 아코디언

<ajax:Accordion ID="accordionCountry" HeaderCssClass="headerStyle marginUpDown" HeaderSelectedCssClass="headerSelectedStyle" ContentCssClass="contentBackground" runat="server" SelectedIndex="-1" FadeTransitions="true" SuppressHeaderPostbacks="true" TransitionDuration="250" FramesPerSecond="40" RequireOpenedPane="false" AutoSize="None"> 
      <HeaderTemplate> 
       <asp:Panel ID="pnlShowCategory" runat="server" CssClass="cursorPointer categoryPanelBackground marginUpDown"> 
        <table cellpadding="0" cellspacing="0" width="98%"> 
         <tr> 
          <td align="left"> 
           <asp:Label ID="lblCategoryName" runat="server" Text='<%# Eval("CategoryName") %>' 
            CssClass="paddingLeft"></asp:Label> 
          </td> 
          <td align="right"> 
           <asp:Image ID="Image3" runat="server" ImageAlign="Right" Height="20px" CssClass="verticalAlignMiddle" /> 
           <asp:HiddenField ID="hdnCategoryId" runat="server" Value='<%# Eval("CategoryId") %>' /> 
          </td> 
         </tr> 
        </table> 
       </asp:Panel> 
      </HeaderTemplate> 
      <ContentTemplate> 
       <ajax:Accordion ID="accordionCountry1" HeaderCssClass="headerStyle marginUpDown" HeaderSelectedCssClass="headerSelectedStyle" 
        ContentCssClass="contentBackground" runat="server" SelectedIndex="-1" FadeTransitions="true" 
        SuppressHeaderPostbacks="true" TransitionDuration="250" FramesPerSecond="40" 
        RequireOpenedPane="false" AutoSize="None"> 
        <HeaderTemplate> 
        </HeaderTemplate> 
        <ContentTemplate> 
        <asp:Panel ID="pnl" runat="server" CssClass="cursorPointer categoryPanelBackground marginUpDown"> 
        <table cellpadding="0" cellspacing="0" width="98%"> 
         <tr> 
          <td align="left"> 
           <asp:Label ID="lblSubCategoryName" runat="server" Text='<%# Eval("SubCategoryName") %>' 
            CssClass="paddingLeft"></asp:Label> 
          </td> 
          <td align="right"> 
           <asp:Image ID="Image3" runat="server" ImageAlign="Right" Height="20px" CssClass="verticalAlignMiddle" /> 
          </td> 
         </tr> 
        </table> 
       </asp:Panel> 
        </ContentTemplate> 
       </ajax:Accordion> 
      </ContentTemplate> 
     </ajax:Accordion> 

Answer 1

시도가 아코디언을 위해 jQuery를 사용하는 (표시 안한다)로드되지, 그것은 더 나은, 링크 밖으로 아래 확인

(function($) { 

var allPanels = $('.accordion .dd').hide(); 

$('.accordion .dt a').click(function() { 
allPanels.slideUp(); 
$(this).parent().next().slideDown(); 
return false; 
}); 
})(jQuery); 

Check This

아래 링크