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

Question

I have a form that is hidden when first loading thispage

Once user clicks the chevron down below "CONTACT US AND TELL US ABOUT YOUR CASE" the form appears.

Once eform submits, the form becomes hidden again

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

and validation messages are not viewable unless the chevron is clicked again as seen here:

https://share.getcloudapp.com/RBuXmEvE

I'm using

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

to submit the form.

Should I call another javascript function that runs onclick as well as the code to display the form?

I believe that the javascript code currently being used to show and hide the form is here:

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

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

     });    
  </script>

Or should I attempt to show the form in a MODx snippet (which is just PHP code)?

Answer 1

You can use a snippet to determine if the form is submitted and use that result to display (or not) your element. I suggest using an Extra named FormIt for creating forms on your website ( FormIt documentation ).