Estoy usando jQuery accordion para dividir mis formularios en varios paneles y la validación de jQquery para verificar los campos requeridos. Funciona muy bien para mostrar errores en los campos validados siempre que estén en el panel abierto.

Un ejemplo. Digamos que tengo paneles de acordeón de árbol y en el primero tengo dos campos de formulario que deben validarse. Ahora, si el visitante cambia al panel dos o tres y envía el formulario sin rellenar los campos requeridos en el panel uno, quiero que el primer panel de acordeón se abra y muestre los errores.

¿Alguien sabe una manera de hacer que esto funcione?

Este es el código que estoy usando hoy:

$(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"
    }
 }); 
});