提交按钮会导致手风琴div崩溃

Question

我有一个带有手风琴的PHP页面（在div中），在页面上打开三个部分。其中一个部分是联系表。

如果用户忽略提交必填字段并在联系表单中点击Submit，则该div中的错误将不会显示，因为当按下提交按钮时该div会自动折叠。

如果显示错误消息，如何让div保持打开状态？

The website can be found here

Answer 1

在我看来，验证错误来自服务器。所以我假设提交按钮按预期工作。既然如此，您需要添加

$('#contactForm').parent().show();在您的javascript中的某个地方

也许是这样的

    (function($) {
                  var allPanels = $('.accordion > dd').hide();
                  $('.accordion > dt > a').click(function() {
                    allPanels.slideUp();
                    $(this).parent().next().slideDown();
                    return false;
                  });

<? if ($_SERVER['REQUEST_METHOD'] === 'POST') { ?>
   $('#contactForm').parent().show(); 
<?}?>
                })(jQuery);

但仅在提交表单后添加此内容。

我没有做很多PHP，但这里的想法是让你的PHP代码只发出$('#contactForm').parent().show();如果它是一个帖子。