javascript - 在 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 文档）。