更改为关键帧时动画显示无

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