title: Open accordion panel on validation error
body: <p>I am using jQuery accordion to split my forms into several panels and jQquery validation to check the required fields. It works great to show errors in validated fields as long as they are in the open panel.</p>
  
  <p>An example. Let's say I have tree accordion panels and on the first I have two form fields that needs to be validated. Now, if the visitor switch to panel two or three and submiting the form without without filling in the required fields on panel one I want the first accordion panel to open up and show the errors.</p>
  
  <p>Does anybody know a way to make this work?</p>
  
  <p>This is the code I'm using today:</p>
  
  <pre><code>$(document).ready(function() {
  $("#accordion").accordion({
      autoHeight: false,
      navigation: true,
  });
  
  $("#validate_form").validate({
      rules: {
          page_title: "required",
          seo_url: "required",
          AccordionField: {
              required: true
          }
      },
      ignore: [],
      messages: {
          page_title: "Please enter a page title",
          seo_url: "Please enter a valid name"
      }
   }); 
  });
  </code></pre>