admin管理员组

文章数量:1191195

I just installed this plugin and I must say it does everything I need.

I am using a custom made popup div with a CF7 inside it.

I need to hide response messages (error, success message) after 5 seconds. Is that possible?

I just installed this plugin and I must say it does everything I need.

I am using a custom made popup div with a CF7 inside it.

I need to hide response messages (error, success message) after 5 seconds. Is that possible?

  • ajax
  • plugin-contact-form-7
Share Improve this question edited May 6, 2022 at 6:44 fuxia♦ 107k38 gold badges255 silver badges459 bronze badges asked May 6, 2022 at 4:17 DK ThakurDK Thakur 1492 silver badges11 bronze badges
Add a comment  | 

2 Answers 2

Reset to default 2

you can use below code to hide message

// Contact Form 7 submit event fire
document.addEventListener('wpcf7submit', function(event) {
  setTimeout(function() {
        jQuery('form.wpcf7-form').removeClass('sent');
        jQuery('form.wpcf7-form').removeClass('failed');
        jQuery('form.wpcf7-form').addClass('init');
  }, 1000);

}, false);

I would like to use css than:

.wpcf7-form.sent .wpcf7-response-output {
  animation: hideresp 5s forwards; 
  animation-iteration-count: 1;
}

@keyframes hideresp {
  90% { opacity:1; }
  100% { opacity:0; }
}

本文标签： ajaxContact form 7 Hide response messages after 5 seconds

版权声明：本文标题：ajax - Contact form 7 Hide response messages after 5 seconds 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1738442024a2087009.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。