: visible does not work after sending event

Question

Code http://jsfiddle.net/Z9qP5/1/

I want to fadeOut my form after the user has sent their email. The following problem occurs. I just can't catch the submit event, so I want if a success message appears then the form should be hidden. I use :visibleas follows:

$('#mc-embedded-subscribe-form').submit(function (e) {
    if($('#mce-success-response').is(':visible')){
        $("#mc_embed_signup").hide();
    }
});

#mce-success-response - dialogue of success.

I also tried:

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

but that will not work. What's wrong?

Answer 1

, , submit - , , , . , ajax, . , , , .

Answer 2

, .

!

function checkSuccess() {
    if ($('#mce-success-response').is(':visible')) {
        $("#mc_embed_signup").hide();
    }
} 
window.setInterval(checkSuccess, 100);

, hide ing:

function checkSuccess() {
    function successAction(){
        $("#mc_embed_signup").hide();            
    }
    if ($('#mce-success-response').is(':visible')) {
        setTimeout(successAction, 2500);
    }
} 
window.setInterval(checkSuccess, 100);

Answer 3

(, , success-respone ajax).

, mce_success_cb

if (resp.result == "success") {
    $('#mce-' + resp.result + '-response').show();
    $('#mce-' + resp.result + '-response').html(resp.msg);
    $('#mc-embedded-subscribe-form').each(function () {
        this.reset();
    });

    $("#mc-embedded-subscribe-form").trigger('submitsuccess');
    // If the form has errors, display them, inline if possible, or appended to #mce-error-response
} else {
    //rest of your code
}

$(document).ready(function () {

    $('#mc-embedded-subscribe-form').on('submitsuccess', function (e) {
        $("#mc_embed_signup").hide();
    });

});

Answer 4

AJAX ? , , , boz Ajax. , .

function waitForIt(){
   if(!$('#mce-success-response').is(':visible')){
        setTimeout(waitForIt(),500);
    } else{
       $("#mc_embed_signup").hide(); 
}

$('#mc-embedded-subscribe-form').submit(function (e) {
        setTimeout(waitForIt(),500);
    }
});

, AJAX, , . submit button image , .. <img>. click() submit(), , , , trigger submit.

, !