ASP.NET AJAX中的伸缩面板

示例代码：

<cc1:CollapsiblePanelExtender        ID="CollapsiblePanelExtender1"
           TargetControlID="Panel1"
           CollapsedSize="0"
           ExpandedSize="342"
           Collapsed="false"
           ExpandControlID="imgbtnDirection"
           CollapseControlID="imgbtnDirection"
           AutoCollapse="false"
           AutoExpand="false"
           ScrollContents="false"
           CollapsedText="显示..."
           ExpandedText="隐藏" 
           ImageControlID="imgbtnDirection"
           ExpandedImage="~/images/ toleft.gif"
           CollapsedImage="~/images/ toright.gif"
           ExpandDirection= "horizontal" runat="server" >         
</cc1:CollapsiblePanelExtender>

解析：

TargetControlID   被显示或隐藏的Panel的ID
CollapsedSize    折叠后的尺寸
ExpandedSize     展开后的尺寸
Collapsed         默认Panel是否处于折叠状态
ExpandControlID   激发伸展效果的控件ID
CollapseControlID 激发折叠效果的控件ID
AutoCollapse     失去焦点时是否自动折叠
ScrollContents   Panel内是否显示滚动条
CollapsedText     折叠后显示的文本信息
ExpandedText     展开后显示的文本信息
ImageControlID   使用图片实现折叠和展示时，图片的ID
ExpandedImage     实现展开时使用的图片路径
CollapsedImage   实现折叠时使用的图片路径
ExpandDirection   展开方向，有水平和垂直两种