旋转导航元素 - jquery，css3，html

Question

过去几天我使用转换效果做了一个奇特的旋转菜单，不幸的是我需要使用jQuery脚本。

回到这一点。我已经开发了高级菜单阶段，现在正在努力使用导航箭头。从左到右移动关键帧方向是非常正确的（点击几下就会变得很乱）

但是，如果您逐个单击右箭头三次，然后单击向左箭头，则从原始位置开始，而不是停止在哪里。 我只是想出了如何以适当的方式解决它。

我准备了一份工作的例子。由于保持简单的方式，大多数元素都被删除了

jsfiddle

注意 - 我知道我应该使用-webkit-但是在这个阶段我保持这样

非常感谢你的帮助。