让动画多次运行

Question

我有这个动画，我希望能够多次运行。以下是我目前的情况：JSFiddle。我希望每次按下按钮都能显示“完成”的内容。我尝试添加这样的东西：

window.setTimeout(function(){
    $('#divProcessing').addClass('show');
    $('#divProcessing').removeClass('hidden');
}, 1000);  

但这使得动画“反向”，我不想要。 （Example）。

Answer 1

这应该可以解决问题 http://jsfiddle.net/txqs3m6L/

这里做的是介绍另一个css课程＆＃34; animate＆＃34;：

.animate {
    transition: all 500ms linear;    
}

在动画结束后被删除，以确保弹出窗口不会动画回来并以静默方式重置。

过渡部分已从基本div对象中删除。

对于点击操作，您的方法是正确的。

希望有所帮助。