[在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代码）中显示表单吗？

我有一个在第一次加载此页面时隐藏的表单。一旦用户在“联系我们并告诉我们您的情况”下方单击了V形，就会出现该表单。提交表单后，表单将变成...

Answer 1

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