Появление элемента по завершению AJAX?

Question

[Дмитрий]

При удачной отправке формы нужно что бы на пару секунд появлялась вот такая галочка у кнопки:

Почему .show() не работает? CSS span-a 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

[Oleg Pavlov]

Установи таймаут
alljs.ru/articles/timeout/overview
setTimeout($('.input-submit span').hide();, 2000);

Answer 2

[Антон Цепковский]

лучше такое конечно на css делать - вместо show навешиваешь класс, который с помощью keyframes и animation покажет галку на 2 секунды (https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Comments

[Дмитрий]

А чем это лучше простого решения на jquery? Читаемость и поддержка keyframes порядком сложнее.

[Антон Цепковский]

Лучшая производительность, поддержка лучше у keyframes, возможность быстро изменить анимацию, я не имею ввиду время - заказчик скажет что галочка должна плавно исчезнуть с уменьшением, изменим css - и все заработает. Здесь решение на js вполне приемлемо, но на больших проектах лучше и правильней использовать инструменты по прямому назначению.