隐藏联系表格7并在发送后显示DIV

Question

我想在验证并成功发送后隐藏我的联系表单 7，并在其位置显示一个 div。我正在使用简码 ID。它不起作用。将表单包装在 div 中并隐藏它会更容易吗？

 <script type="text/javascript">
     document.addEventListener( 'wpcf7mailsent', function( event) {
  if ( '9a5f5ae' == event.detail.contactFormId ) { 
      var hid = document.getElementsByClassName("qtWRP2");

  if(hid[0].offsetWidth > 0 && hid[0].offsetHeight > 0) {
    hid[0].style.visibility = "visible";
}
  }
 }, true );
 </script>   

Answer 1

您不需要 JavaScript。只需将以下内容添加到您的 CSS 中：

form[data-status="sent"] p {
  display: none;
}