ajax jquery css - 再びアニメーションdiv

Question

私はajaxリクエストを呼び出すオンラインバンキングフォームを用意しています。何かが間違っている場合は、CSSクラスでdivを表示しています。 CSSクラスはdivをアニメーション化します。

私は間違ったピンを置くと、それは私のdivを振る。コードは次のようになります：

私が別のピンを入力しても間違っている場合は、divをもう一度振りたいのですが、実際にそこに立っています。

どうすればこの問題を解決できますか？ divを表示せずに>表示>インラインブロックをもう一度ブロックしようとしました。

Answer 1

CSSアニメーションをキックオフするCSSクラスを削除して再追加する必要があります。ここ

ショート例：https://jsfiddle.net/36484n3b/

$("#div-error").addClass("shake"); 
setTimeout(function(){ $("#div-error").removeClass("shake"); }, 1000);