There are number of panels on the asp.net page. Panels can be hidden by giving their id in JQuery.

Example:

```
$('#pnlEmployee').hide(); 

```

Is there any way to hide all the panels in one go without giving their ids? 

i.e. They following JQuery can be used to clear all text box contents;

```
$('input[type=text]').val('');

```

Is there any way of doing it for hidding all the panels?

Here is the example HTML code;

```
<asp:Panel ID="pnlEmployee" runat="server">
<table cellpadding="3" cellspacing="0" border="0" width="100%">
</table>
</asp:Panel>

<asp:Panel ID="pnlDetails" runat="server">
<table cellpadding="3" cellspacing="0" border="0" width="100%">
</table>
</asp:Panel>

```