手风琴在另一支手风琴里面

时间:2013-11-27 12:19:16

标签: accordion

我使用ajax手风琴。是否可以在另一支手风琴中加入ajax手风琴。

我尝试添加这个,但里面的手风琴没有加载(没有显示)

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

1 个答案:

答案 0 :(得分:0)

尝试使用jQuery手风琴,它更好,请查看以下链接: 单击下面的链接后单击运行

(function($) {

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

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

Check This