javascript - 改回显示无时的关键帧动画

Question

所以我有一个带有使用一些关键帧的动画的 div。当我点击某些内容时，我使用 javascript 将默认的 display: none 更改为 display:inline。

现在，当我将它从 display:none 更改为 display:inline 时，它会播放动画，但当我再次单击以隐藏它时，它不会播放。有没有办法让关键帧动画在显示和隐藏时都播放？我希望这很清楚，提前致谢。

Answer 1

你可以使用 jQuery，

$(document).ready({
   $("a").click(function(e) {
     e.preventDefault();
     $("div").toggle("slow"); // change to display: block
   });
});

DEMO