在 MODx Evo 中使用 jQuery 提交表单后保持 div 显示

Question

我有一个在第一次加载此页面时隐藏的表单

一旦用户单击“联系我们并告诉我们您的案例”下方的 V 形符号，就会出现表单。

提交 eform 后，表单将再次隐藏

<div class="describe" style="display: none;">

除非再次单击 V 形标志，否则无法查看验证消息，如下所示：

https://share.getcloudapp.com/RBuXmEvE

我正在使用

<button type="button" value="Submit" onclick="this.form.submit();">Submit</button>

提交表格。

我应该调用另一个运行 onclick 的 javascript 函数以及显示表单的代码吗？

我相信当前用于显示和隐藏表单的 javascript 代码在这里：

<script>
$(document).ready(function(){

          $('.case > a').click(function(){
           $('.describe').slideToggle();  
              $(this).toggleClass('active');
          });

     });    
  </script>

或者我应该尝试在 MODx 片段（这只是 PHP 代码）中显示表单？

Answer 1

您可以使用片段来确定表单是否已提交并使用该结果来显示（或不显示）您的元素。 我建议使用名为 FormIt的Extra在您的网站上创建表单（ FormIt 文档）。