[在MODx Evo中使用jQuery提交表单后保持div处于显示状态

Question

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

一旦用户单击人字形框，然后在“与我们联系并告诉我们您的情况”下方，将出现表格。

一旦提交表单，表单将再次隐藏

<div class="describe" style="display: none;">
并且除非再次单击人字形，否则看不到验证消息，如此处所示：

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

您可以使用代码段确定是否提交表单，并使用该结果显示（或不显示）您的元素。我建议使用Extra named FormIt在您的网站（FormIt documentation）上创建表单。