<%@ Page Language="C#" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>CollapsiblePanelExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" 
         TargetControlID="Panel2" Collapsed="True" ExpandControlID="Panel1" 
         CollapseControlID="Panel2">
        </cc1:CollapsiblePanelExtender>
        <asp:Panel ID="Panel1" runat="server" BackColor="#000066" 
         ForeColor="White">
            <asp:Label ID="Label2" runat="server" 
             Text="This is my title"></asp:Label>
            <asp:Label ID="Label1" runat="server" 
             Text="[Click to expand or collapse]"></asp:Label>
        </asp:Panel>
        <asp:Panel ID="Panel2" runat="server">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
            Donec accumsan lorem. Ut consectetuer tempus metus. Aenean tincidunt 
            venenatis tellus. Suspendisse molestie cursus ipsum. Curabitur ut 
            lectus. Nulla ac dolor nec elit convallis vulputate. Nullam pharetra 
            pulvinar nunc. Duis orci. Phasellus a tortor at nunc mattis congue. 
            Vestibulum porta tellus eu orci. Suspendisse quis massa. Maecenas 
            varius, erat non ullamcorper nonummy, mauris erat eleifend odio, ut 
            gravida nisl neque a ipsum. Vivamus facilisis. Cras viverra. Curabitur 
            ut augue eget dolor semper posuere. Aenean at magna eu eros tempor 
            pharetra. Aenean mauris.
        </asp:Panel>
    </div>
    </form>
</body>
</html>
