Accordion控件主要用于多個塊狀區域的顯示隱藏，并提供了一些動態效果，可以用于做動態菜單等。
每個Accordion可以包含多個AccordionPane，而AccordionPane又會有Header和Content模板，具體結構如下：
<atlasToolkit:Accordion
????ID="MyAccordion"
????runat="Server"
????SelectedIndex="0"
????HeaderCssClass="accordionHeader"
????ContentCssClass="accordionContent"
????AutoSize="None"
????FadeTransitions="true"
????TransitionDuration="250"
????FramesPerSecond="40">
???????<atlasToolkit:AccordionPane
????????HeaderCssClass="accordionHeader"
????????ContentCssClass="accordionContent">
????????<Header>?.?.?.?</Header>
????????<Content>?.?.?.?</Content>
????</atlasToolkit:AccordionPane>????????
????.
????.
????.
</atlasToolkit:Accordion>

該控件支持以下三種AutoSize模式：
None - 該模式下AccordionPane的伸縮不受限制，會根據AccordionPane內容進行伸縮以使內容顯示完全；
Limit - 該模式下AccordionPane的高度不能超過Height屬性限制；
Fill - 該模式下無論AccordionPane的內容多少都會按照顯示全Height高度。
需要注意的是，在采用Limit和Fill模式時一定要設定Height熟悉值，否則會造成點擊AccordionPane Header時造成瀏覽器崩潰。
其他屬性信息：

• SelectedIndex - 初始化時顯示的AccordionPane索引；
• HeaderCssClass -?設定Header CSS樣式；
• ContentCssClass -?設定Content CSS樣式；
• FadeTransitions - True使用漸變效果, False使用標準過渡效果。；
• TransitionDuration - 設定漸變所需毫秒數；
• FramesPerSecond - 過渡過程中每秒顯示的Frame個數；
• AutoSize -?展示Content內容的模式，如上所屬；
• Header - Header模板用于放置AccordionPane的頭信息；
• Content - Content模板用于放置AccordionPane的內容信息。

轉載于:https://www.cnblogs.com/ctrl2/archive/2006/09/03/489660.html

總結

以上是生活随笔為你收集整理的Atlas study:使用Accordion实现页面多个块状区域的显隐的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。