Показывать div после отправки формы, используя jQuery в MODx Evo

Question

У меня есть форма, которая скрывается при первой загрузке этой страницы

Как только пользователь нажимает на шеврон внизу ниже «Свяжитесь с нами и сообщите нам о вашем случае», появится форма.

Как только eform отправляется, форма снова становится скрытой

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

и сообщения о проверке не видны, пока на шевроне снова не нажимают, как показано здесь:

https://share.getcloudapp.com/RBuXmEvE

Я использую

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

для отправки формы.

Должен ли я вызвать еще одну javascript функцию, которая запускается по клику, а также код для отображения формы?

Я считаю, что код javascript, используемый в настоящее время для отображения и скрытия формы, находится здесь:

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

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

     });    
  </script>

Или я должен попытаться показать форму в фрагмент MODx (который является просто PHP кодом)?

Answer 1

Вы можете использовать фрагмент, чтобы определить, отправлена ​​ли форма, и использовать этот результат для отображения (или нет) вашего элемента. Я предлагаю использовать Extra с именем FormIt для создания форм на вашем веб-сайте ( Документация FormIt ).