Tengo una pregunta. Uso el servicio de suscripción de correo de 'mailchimp'. Estoy cambiando el estilo después de insertar el formulario de suscripción básico proporcionado por 'mailchimp' en mi sitio web.

El botón que significa 'suscribirse' o 'enviar' es '#mc-embedded-subscribe'. Cuando envío mi dirección de correo electrónico, si logro suscribirme, el cuadro de suscripción desaparece y, si no lo logro, quiero dejarlo como está.

Si la suscripción es exitosa, '#mce-success-response' en el formulario de suscripción se convierte en 'display:block'. Si falla, '#mce-error-response' se convierte en 'display:block'.

Entonces, hice clic en el botón "Enviar" (#mc-embedded-subscribe) y escribí un código que si la suscripción es exitosa (#mce-success-response -> "display:block"), la columna de suscripción se convierte en "Fadeout" .

Pero no funciona. (No. 1, 2 y 3 no funcionan.) ¿Qué escribí mal?

 <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(); } });