ASP.NET 2.0 AJAX, C# Hide/Show UpdatePanel

You could do this in 2 ways.

1) Use the MultiView Control, and when the client clicks the appropriate LinkButton, enable/disable the "View" you set from the MultiView control.

2) You can create a javascript toggle function on the client side, and then in your server side LinkButton,  you can call the javascript toggle to enable/disable the panel on the client side.

Let me know if you would like an example of either solution.

Could you please provide example for soln# 2.

Hi, thanks for the suggestions

I'd like to see examples for both if possible.

i'm fairly new to ajax, and any example on how to do this would be very useful.

1) MultiView Example:

// .aspx Page

 <asp:ImageButton ID="ViewPanel1"   ImageUrl="~/images/yourimage.gif" runat="server" OnClick="ExpandCollapsePanel1_Click" />

<asp:ImageButton ID="ViewPanel2"    ImageUrl="~/images/yourimage.gif" runat="server" OnClick="ExpandCollapsePanel2_Click" />

 <asp:MultiView ID="PanelViews" runat="Server" ActiveViewIndex="0">
                   
                    <asp:View ID="OpenPanel1" runat="server">
                                 //Your Panel 1 Content goes here
                    </asp:View>

                     <asp:View ID="OpenPanel2" runat="server">
                                 //Your Panel 2 Content goes here
                    </asp:View>

                  <asp:View ID="Closed" runat="server">
                               
                    </asp:View>
 </asp:MultiView>

//.aspx.cs

 protected void ExpandCollapsePanel1_Click(object sender, ImageClickEventArgs e)
    {
        if (ExpandCollapsePanel1.ImageUrl == "~/images/plus.gif")
        {
            PanelView.SetActiveView(OpenPanel1);
            ExpandCollapsePanel1l.ImageUrl = "~/images/minus.gif";
        }
        else
        {
            SearchView.SetActiveView(ClosePanel1);
            ExpandCollapsePanel1.ImageUrl = "~/images/plus.gif";
        }
    }

protected void ExpandCollapsePanel2_Click(object sender, ImageClickEventArgs e)
    {
        if (ExpandCollapsePanel2.ImageUrl == "~/images/plus.gif")
        {
            PanelView.SetActiveView(OpenPanel2);
            ExpandCollapsePanel2.ImageUrl = "~/images/minus.gif";
        }
        else
        {
            PanelView.SetActiveView(Closed);
            ExpandCollapsePanel2.ImageUrl = "~/images/plus.gif";
        }
    }

//I will provide the other example a little alter on.. Sorry for the delay

Typo:

The image url on the above code should be
ImageUrl="~/images/plus.gif"
rather than
 ImageUrl="~/images/yourimage.gif"