點擊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的部分

回答

相關問題