Can Use Jquery To Show Or Hide Panel On Button Click

I have a panel at the top of my page which contains some cascading dropdown lists. Once the user selects from the lists, they will click a 'Search' asp.net button and a gridview will appear below showing the search results. What I want to do is use JQuery to toggle the visibility of the search panel. I tried using the Ajax collapsiblepanelextender but ran into all kinds of problems, because there are many updatepanels and ajax extension controls on this page. It sounds so simple, just hide or show, but I can't get it to work. When I click the button, the panel hides. When I click it again, the panel does not reappear. I have also tried having 2 buttons, 'hide' and 'show', and had the same results. right now here is my code:

javascript:
$(document).ready(function() {
$("[id$=btnHideSearch]").click(function() {
$("#<%= Panel1.ClientID %>").fadeOut('slow');
});
});
$(document).ready(function() {
[code]...