Javascript 更改回“不显示”时为动画设置关键帧

所以我有一个div，其中有一个使用了一些关键帧的动画。当我点击某个东西时，我使用javascript将默认的

display:none

更改为

display:inline

现在，当我将其从

display:none

更改为

display:inline

时，它会生成动画，但当我再次单击以隐藏它时，它不会。在显示和隐藏关键帧动画时，是否有任何方法可以使其播放？我希望清楚，提前谢谢。

您可以使用jQuery

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

---

一个JSFIDLE会有帮助。display:block不够好？是的，那可以工作，有没有办法让它保持宽度，只改变高度？