关于CollapsiblePanelExtender 的用法可以参考:
http://www.asp.net/AJAX/AjaxControlToolkit/Samples/CollapsiblePanel/CollapsiblePanel.aspx
如果单单设置CollapsiblePanelExtender属性(如下),则会存在问题,当页面加载时,targetcontrol首先显示,然后再隐藏;
<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" />
如果希望targetcontrol直接隐藏,则需要设置该控件的style height:0px; overflow:hidden;
猜测collapsiblepanelextender的可能是通过控制targetcontrol的height来实现扩展或收缩时的动画效果的。