Snap.svg动画在完成后跳跃

Question

我只是将我的脚浸入SVG的世界，并试图将我的头包裹在Snap.svg周围。只是为了玩我试图使用Element.hover动画一个垃圾桶的动画，但是在动画完成后，盖子会跳到它不应该的地方。

我发现Snap.svg文档严重缺乏，我也查看了Raphael.js文档（因为它们是由同一作者编写的）但是我＆＃39 ;我不确定我是否做错了。

这是我的javascript：

var trashContainer = Snap('#trash'),
    trashLid       = trashContainer.select('#lid');

trashContainer.hover(
    function() {
        trashLid.animate({transform: 't0,-5'}, 1000, mina.elastic);
    },
    function() {
        trashLid.animate({transform: 't0,0'}, 500, mina.bounce);
    }
);

这是一个说明问题的jsfiddle（尝试多次盘旋）：http://jsfiddle.net/jackmparker/py1bkv1c/11/

有人能指出我正确的方向吗？