jquery hide problem
<p>I use this to toggle my div elements, and hide all them when the DOM is ready...</p>

<pre><code>   $('div[class*="showhide"]').hide();

   $('input:image').click( function() {
      var nr = $(this).attr('id').substr(7,2);
      $('div.showhide' + nr).toggle(400);
   });  
</code></pre>

<p>I have dynamically created div elements with class <code>showhide0;showhide1;showhide2</code>...etc...
Inside the DIV tags I have search boxes. </p>

<ul>
<li>First when page is loaded all DIV tags hide.</li>
<li>I toggle one of them to show.</li>
<li>Start a search, so the page is reloaded with the result of the query.</li>
</ul>

<p>Of course all DIV is hide again, because the page is reloaded. Unfortunately...</p>

<p>Is it possible to not hide again after I searched for something? It would be nice when I open the page, all the <code>div</code>s are hidden, but after then just when I toggle it...</p>
