如果在单击按钮时'display:block'特定'div'，父'div'如何淡出？

Question

我有一个问题。我使用"mailchimp"的邮件订阅服务。我将'mailchimp'提供的基本订阅表单插入我的网站后，正在更改样式。

表示"订阅"或"提交"的按钮是"#mc-embedded-subscribe"。当我提交邮箱地址时，如果我订阅成功，订阅框就会消失，如果我失败了，我想让它保持原样。

如果订阅成功，订阅表单中的'#mce-success-response'变成'display:block'。如果失败，'#mce-error-response'变成'display:block'。

所以，我点击了"提交"按钮(#mc-embedded-subscribe)并编写代码，如果订阅成功(#mc- success-response ->)时，订阅列变为淡出。

但是它不起作用。(1、2、3号都不行。)我写错了什么?

<div id="mc_embed_signup">
...
...
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
...
<div class="clear"><input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe" class="button" style="display: none;"></div>
...
</div>

// 1
$('#mc-embedded-subscribe').click(function(){
if($("#mce-success-response").css("display") === 'block') { $('#mc_embed_signup').fadeOut(6500); } else {}
});

// 2
$('#mc-embedded-subscribe').click(function(){ console.log($("#mce-success-response").css("display","block")) { $('#mc_embed_signup').hide(); } else {} }); 

// 3
$('#mc-embedded-subscribe').click(function(e){ $('mce-success-response'){ console.log($("#mce-success-response").css("display")) $(this).parent('#mc_embed_signup').hide(); } });

Answer 1

console.log($("#mce-success-response").css("display"))

尝试检查if条件是否为真。