Hi, I'm using the ajax control toolkit's CollapsiblePanelExtender, and I'm having some problems. The issue is that panels with "Collapsed="true"" are showing up as expanded while the page is loading, and then once everything else on the page has finished loading, it collapses. I need it to be collapsed during the loading of the page, as it seems to do on the sample site: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/CollapsiblePanel/CollapsiblePanel.aspx .  Does anyone have any experience with this, or any suggestions?

Thanks,

- Jared 

Hi Jared,

I usually apply a style of height: 0 and overflow: hidden to the container with the collapsed content and that does it.

Hope that helps.

Aaron

Panel1.Style.Add("height", "0");

Worked like a charm for me in C#... Thanks! 

I tried that in Page Load but didnt work for me still see the flahing of the panel.

<div >

&nbsp;&nbsp;<asp:Image ID="Image1" runat="server" ImageUrl="./interface/buttonImage/expand_blue.jpg"/>

Display Lessons&nbsp;&nbsp;

</asp:Panel>

CollapsedSize="0"

ExpandedSize="300"

TargetControlID="ContentPanel"

CollapseControlID="TitlePanel"

Collapsed="True"

ExpandedText="(Hide Details...)"

ExpandedImage="./interface/buttonImage/collapse_blue.jpg"

AutoCollapse = "true"

SuppressPostBack="true">

</cc1:CollapsiblePanelExtender>

<div>

<asp:Panel ID="ContentPanel" runat="server" CssClass="collapsePanel" >

<div class="lefttreeMenu" >

<IFRAME id="iframe1" marginWidth="0" frameBorder="no" width="99%" height="345"

runat="server"> </IFRAME>

<IFRAME id="iframe2" marginWidth="0" src="http://www.google.com" frameBorder="no" runat="server">

</IFRAME>

</div>

</div>