Working with Accordion Pane

Working with Accordion Pane

In Registry:


<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>





<cc1:Accordion ID="Accordion1" runat="server" SelectedIndex="0" Width="100%"
HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"
ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40"
TransitionDuration="250" AutoSize="None" RequireOpenedPane="false"
SuppressHeaderPostbacks="true">
<Panes>




<cc1:AccordionPane ID="AC" runat="server">
<Header>
<asp:Label ID = "lbl_PersonelDetails" Text = "Course Details" Font-Bold="True"
Font-Names="Verdana" Font-Size="Small" runat = "server"></asp:Label>
</Header>
<Content>

<table class="TAB_INNER">
<tbody><tr> <td>
Content I
</td>
</tr>
</tbody></table>
</Content>
</cc1:AccordionPane>

<cc1:AccordionPane ID="AD" runat="server" Width="100%">
<Header>
<asp:Label ID = "Label2" Text = "Department Details" Font-Bold="True"
Font-Names="Verdana" Font-Size="Small" runat = "server"></asp:Label>
</Header>
<Content>
<table class="TAB_INNER">
<tbody><tr> <td>
Content I
</td>
</tr>
</tbody></table>

</Content>
</cc1:AccordionPane>

</Panes>

</cc1:Accordion>