重新加载页面(WordPress的 - 可视化编辑器)时,进行手风琴保持开放

问题描述:

这里我指的是页面:https://columbuspre-school.com/admissions-new/重新加载页面(WordPress的 - 可视化编辑器)时,进行手风琴保持开放

我已经建立了一个长期重力形式进入附近的页面顶部的手风琴,默认情况下,我已经在加载页面时关闭了手风琴(因为表单占用了很多空间)。

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

我该怎么做才能让页面重新加载手风琴时保持相同的状态(打开)?

如果遇到错误并且可以使用它的存在触发手风琴,则表单会添加'gform_validation_error'类。

添加自定义的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!"); 

} 

}); 
+0

非常感谢,我会尝试, - 我要补充的是什么文件?的functions.php? – AndrewCoCo

+0

我想你正在使用betheme,它可以让你在其后端主题面板中添加自定义jQuery。 –

+0

要小心jquery选择器,如果它不起作用,请使用'jQuery'而不是'$'。 –