在重新加载页面时让手风琴保持打开状态（Wordpress - Visual Composer）

Question

这是我所指的页面：https://columbuspre-school.com/admissions-new/

我已经在页面顶部附近的手风琴中构建了一个长重力形式，默认情况下我在加载页面时关闭了手风琴（因为表格占用了很多空间）。

但是，如果用户尝试提交没有必填字段的表单，页面会重新加载，并且因为手风琴加载关闭 - 用户无法看到文本说明提交存在问题。

我怎样才能使页面重新加载时手风琴保持相同的状态（打开）？

Answer 1

您的表单会添加＆＃39; gform_validation_error＆＃39; class，如果遇到错误，你可以使用它的存在来触发手风琴。

为您的主题添加自定义jquery，并执行以下操作：

$( document ).ready(function() {

if ( $('.accordion_wrapper').hasClass('gform_validation_error') ){//check if error class exits

$('.accordion_wrapper .title').click(); // simulate click event to open accordion

console.log( "triggered!" );

}

});