Collapsible panel

Hello friends,
welcome to my blog once again ,

Check The Following Code For Collapsible panel.  

<div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <asp:Panel ID="MyprojectMenu" runat="server" CssClass="pnl" Width ="100px">

            <div style="float: left;">

               <h3>

                My project</h3>

            </div>

            <div style="clear: both">

            </div>

        </asp:Panel>

       

        <asp:Panel ID="MyprojectSubMenu" runat="server" Height="0" Style="border: solid 1px #c0c0c0;

            padding: 5px;" Width ="100px">

                <asp:HyperLink ID = "HyplnkActive" runat = "server" Text = "Active" ></asp:HyperLink> <br />

                <asp:HyperLink ID = "HyperLink1" runat = "server" Text = "Booked" ></asp:HyperLink> <br />

                <asp:HyperLink ID = "HyperLink2" runat = "server" Text = "Closed" NavigateUrl ="~/html/Register.aspx"></asp:HyperLink> <br />

        </asp:Panel>

        <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" CollapseControlID="MyprojectMenu"

            Collapsed="true" ExpandControlID="MyprojectMenu" TextLabelID="Label1"

             ExpandDirection="Vertical" TargetControlID="MyprojectSubMenu" ScrollContents="false">

        </cc1:CollapsiblePanelExtender>

    </div>