how to hide a panel in javascript

Question

What is the best approach to show and hide an asp panel which is containing other controls like textbox and label controls

Guillaume86 · Accepted Answer · 2011-03-09 13:23:46Z

4

Using jQuery, you can just switch visibilty:

$('#<%= YourPanel.ClientID %>').hide();
$('#<%= YourPanel.ClientID %>').show();

Edit: jQuery is probably overkill just to hide/show, but if you plan to add more functionality client side, you should consider using it ;)

answered Mar 9, 2011 at 13:23

Guillaume86

14.4k4 gold badges56 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

I would even recommend setting the panel's ClientIDMode to static.

Good idea to get rid of the asp.net tag soup (if he use .NET 4.0)

Bala R · Accepted Answer · 2011-03-09 13:23:17Z

3

Can you try

document.getElementById( 'Panel1ClientId' ).style.display = 'none'; // to hide

and

document.getElementById( 'Panel1ClientId' ).style.display = 'block'; // to show

?

answered Mar 9, 2011 at 13:23

Bala R

109k23 gold badges203 silver badges212 bronze badges