第十三篇: Ajax Control Toolkit 控制項包–2. CollapsiblePanel (展開和摺疊效果）

1. 建立 Web表單: CollapsiblePanel.aspx , 添加一個 ScriptManager 控制項,一個 CollapsiblePanel 控制項(設定  TargetControlID 為: Panel1)
2. 插入一個 一行一列 的表格.(添加 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. 在表格裡放一個 Label 控制項(文字不要)
4. 在表格下面放一個 Panel 控制項(設定:  高:200 寬:300  背景色)

5. 最後一步:給 CollapsiblePanel 控制項添加屬性

6. OK ,試試看 !!