AJAX特效 手風琴摺頁

AJAX特效 手風琴摺頁

1.先拉一個ajaxToolkit:Accordion最外層
2.接著在裡面新增<panes></panes>
3.在<panes>裡面新增ajaxToolkit:AccordionPane (子選項)
4.在ajaxToolkit:AccordionPane新增<Header>&<Content>
5.<Header>設定外在的標題、<Content>設定內文

範例如下(為了方便檢設
最外層的ajaxToolkit:Accordion  用紅底綠字標記
中間的<panes>  用黑底白字標記
再來是每個子項則是藍底



<ajaxToolkit:Accordion ID="Accordion1" runat="server"

HeaderCssClass="accordionHeaderDef {cursor:pointer}"

HeaderSelectedCssClass="accordionHeaderSelectedDef"

ContentCssClass="accordionContenDef"

RequireOpenedPane="false"

SelectedIndex="3" Width="809px" >

<panes>
<ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">

<Header>

<a href="" onclick="return false;">

內有帥哥

</a>

</Header>

<Content>QQQ</Content>

</ajaxToolkit:AccordionPane>

<ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server">

<Header>

<a href="" onclick="return false;">

內有美女

</a>

</Header>

<Content>CCC<br></br>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>



</Content>

</ajaxToolkit:AccordionPane>

<ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server">

<Header>

<a href="" onclick="return false;">

內有惡犬

</a>

</Header>

<Content>汪汪汪</Content>

</ajaxToolkit:AccordionPane>
<ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server">

<Header>

<a href="" onclick="return false;">

內有毒蛇

</a>

</Header>

<Content>SSSS</Content>

</ajaxToolkit:AccordionPane>
</panes>

</ajaxToolkit:Accordion>