点击Wordpress插件上的按钮可隐藏div的部分

我使用称为联系人表单7的Wordpress插件为即将推出的网站构建邮件列表（客户端不希望我们使用mailchimp或其他这样的服务，因为他们不希望用户获得任何电子邮件，包括mailchimp在任何时候有人订阅时发送的确认电子邮件）。点击Wordpress插件上的按钮可隐藏div的部分

无论如何，我需要电子邮件字段和按钮来隐藏，当用户点击“通知我！”但我仍然想要显示“谢谢”信息。

这里是表单和代码的截图。

和这里的一些代码，我加入到隐藏的div，但它隐藏的一切，包括了“谢谢你”的字样。

<script> 
jQuery(document).ready(function(){ 
    jQuery('.wpcf7-response-output').on('click', function(event) {   
     jQuery('#wpcf7-f128-p47-o1').toggle('hide'); 
    }); 
}); 
</script>

************更新************

这可能是愚蠢的，但解决方案是为复制粘贴一样简单来自代码检查员的html上的html，并在我想要隐藏的部分添加一个div。

来源

2017-02-13 Yash Mistry

我不明白你为什么要用'wpcf7-response-output'而不是'wpcf7-submit'来点击事件？其次，你正在切换整个** div **。消息是它的子div。所以你只需要隐藏特定的电子邮件字段和按钮。 –

@Rohil_PHPBeginner是正确的。我必须将其更改为wpcf7-submit才能使其工作，但仍不能解决我的问题。我需要表单隐藏，一旦用户点击提交，但仍然想显示“谢谢”信息。该插件只给我一个简短的代码粘贴，而不是HTML代码 –

<script> 
jQuery(document).ready(function(){ 
    jQuery('.wpcf7-response-output').on('click', function(event) { 
     jQuery('.wpcf7-form.sent').toggle('hide'); 
    }); 
}); 
</script>

看起来你隐藏了错误的div也许你可以分享一个plunkr？

来源

2017-02-13 17:51:39 Opaldes

点击Wordpress插件上的按钮可隐藏div的部分

回答

相关问题