13th: Ajax Control Toolkit control package-2. collapsiblepanel (show and hide effects)

1. Create a web form: collapsiblepanel. aspx. Add a scriptmanager control and a collapsiblepanel control (set targetcontrolid to Panel1)
2. Insert a table with one row and one column. (add id = "Table1 ") Code
< Style Type = " Text/CSS " >
. Style1
{
Width: 300px;
Float : Left;
Border - Color: # c0c0c0;
Border - Width: 0 ;
Background - Color: # 0000ff;
Cursor: pointer;
}
</ Style >

< Table ID = " Table1 " Cellpadding = " 0 " Cellspacing = " 0 "   Class = " Style1 " >
< Tr >
< TD >
& Nbsp; </ TD >
</ Tr >
</ Table >

3. Put a label control in the table (text is not required)
4. Place a panel control under the table (set: Height: 200 width: 300 background color)

5. Last step: Add properties to the collapsiblepanel Control

6. OK. Try it !!