关于aps.net ajax controltoolkit 控件collapse extender的问题

关于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来实现扩展或收缩时的动画效果的。