我花了好几个小时想尽办法，但到目前为止还找不到任何答案。
我正在尝试创建一个动画，访问者点击一个正方形的图像，它将“翻转”成一个秋千形状，很像新的Windows徽标。同时，从这个元素后面，另一个div将滑出到右边，并显示有关图像的信息。
创建它很好，请参见一个工作示例on my site, here:
（这目前只适用于webkit浏览器，因为我还没有找到供应商的前缀，而且后面的div还没有正确地滑出，但我相信您可以理解我在这里试图实现的目标-类似于Windows 8的开始屏幕块。）
使用的动画从animate.css中翻转，中间的关键帧被移除。我本来打算使用Hover来运行动画，但是尝试在移动站点上实现这一点是可以理解的困难，所以jQuery的onClick事件似乎是一个更好的选择。
我已经成功地让onClick switchClass JQuery函数工作，但是只对第一个动画，第二个单击只是再次启动动画，而不是真正地反转它。我会在这里包括代码，但我删除了它，以寻求更好的解决方案，我没有找到。
This question and answer goes a way to solving the problem, however it is for a different 'slideUp' animation and uses two different buttons, which i'd rather replace with one button that would toggle the effect.
我真的很感谢你的帮助，如果你认为我的做法完全错了，请你提出其他建议！
最佳答案
你试过了吗：
animation-direction:alternate;
-webkit-animation-direction:alternate; /* Safari and Chrome */
非常好的效果（顺便说一句：）
关于jquery - 如何在单击时为div动画，然后在第二次单击时反转动画？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16825616/