仅在成功提交后隐藏mailchimp嵌入表单

如何解决仅在成功提交后隐藏mailchimp嵌入表单

我的网站上嵌入了Mailchimp表单。

当您单击订阅按钮时，我设法使其隐藏了：

<script>
    $(function(){
        $(".mc-btn").on("click",function(){
            if ( $('#mce-success-response:visible') ) {
                console.log('Successfully signed up');
                    $('#mc-embedded-subscribe-form').hide();
           else {
              console.log('Not successfull')
            }
                    
           }
        });
    }); 
</script>

但是即使有错误消息，它也会这样做。

我尝试过：

if($('#mce-success-response').css('display') == 'block')

它根本不起作用。

看到成功消息时，它看起来像这样：

<div class="response" id="mce-success-response" style="display: block;">*Success message*</div>

如何正确查看成功消息是否可见？