CollapsiblePanel是一种可收缩面板控件，其相关属性如下：

　TargetControlID
　要实现折叠的Panel的ID

CollapsedSize
　Panel折叠后的尺寸

ExpandedSize
　Panel伸展后的迟寸

Collapsed
　默认加载页面时，此Panel是否处于折叠状态

ExpandControlID
　激发伸展效果的控件，主要是通过控件的Click事件实现伸展效果

CollapseControlID
　激发折叠效果的控件，主要是通过控件的Click事件实现折叠效果

AutoCollapse
　当Panel失去焦点时是否自动折叠

AutoExpand
　当Panel失去焦点时是否自动伸展

ScrollContents
　是否在Panel内显示滚动条

TextLableID
　显示折叠状态的目标控件

CollapsedText
　折叠状态时目标控件显示的信息

ExpandedText
　伸展状态时目标控件显示的信息

ImageControlID
　折叠和伸展方式为图片方式时，显示该图像的控件ID

ExpandedImage
　伸展时使用的图像路径

CollapsedImage
　折叠时使用的图像路径

ExpandDirection
　Panel伸展方向，伸展方向有水平和垂直两种

　Demo：

　

<ajaxToolkit:CollapsiblePanelExtender ID="cpe" runat="Server"
　　　 TargetControlID="Panel1"
　　　 CollapsedSize="0"
　　　 ExpandedSize="300"
　　　 Collapsed="True"
　　　 ExpandControlID="LinkButton1"
　　　 CollapseControlID="LinkButton1"
　　　 AutoCollapse="False"
　　　 AutoExpand="False"
　　　 ScrollContents="True"
　　　 TextLabelID="Label1"
　　　 CollapsedText="Show Details..."
　　　 ExpandedText="Hide Details"
　　　 ImageControlID="Image1"
　　　 ExpandedImage="~/images/collapse.jpg"
　　　 CollapsedImage="~/images/expand.jpg"
　　　 ExpandDirection="Vertical" />