if I hide a panel using jQuery how can the settings be restored?
<p>I have a hidden <code>div</code> which I show using jQuery <code>slideDown()</code> and <code>slideUp()</code>. My hidden <code>div</code> has a form which I use and when the field is empty I set the focus using CSS, like this:</p>

<pre><code>$('#form').submit(function(){
  var name = $('.name').val();
  if(name == '') {
    $('.name').focus().css({'border':'1px solid #f00'});
  }
  // here goes ajax code
  return false;
});
</code></pre>

<p>The form which I show is set this way:</p>

<pre><code>$('.show_hidden_form').click(function(){
  $('#form_div').slideDown('slow');
});
</code></pre>

<p>The form is hidden this way:</p>

<pre><code>$('.hide_hidden_form').click(function(){
  $('#form_div').slideUp('slow');
});
</code></pre>

<p>But my issue occurs when I hide the <code>div</code> (which it contains the form). I want it to reset the default form style.</p>

<p>Is this possible? If so, how can I do this?</p>
