Appearance of element on completion of AJAX?

Question

JavaScript

When submitting the form successfully, you need to have such a check mark next to the button for a couple of seconds:

Why .show()doesn't it work? CSS span-a How to make it appear for a couple of seconds?span {display: none; }

$("#contact_form-message").submit(function() {
    $.ajax({
        url: "some url", 
        method: "POST",
        data: $(this).serialize(),
        dataType: "json"
    }).done(function() {
        $('.input-submit span').show();
        $("#contact_form-message").trigger("reset");
    });		
    return false;
});

Answer 1

Set timeout
alljs.ru/articles/timeout/overview
setTimeout($('.input-submit span').hide();, 2000);

Answer 2

it’s better to do this on css, of course - instead of show, you hang a class that, using keyframes and animation, will show a checkbox for 2 seconds ( https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...