如何在我离开的地方停止/恢复jquery .animate（）？

Question

我想在鼠标悬停时停止jQuery动画并在mouseout上恢复它。我想使用Pause插件，但它会跳转到动画的下一步。我怎么能这样做？

这是我的代码：

var animation_hamburger = function() {
    $('#inicio #logo .hamburger').animate({ left: 490 },4000);
    $('#inicio #logo .hamburger').animate({ top: 210 },2000);
    $('#inicio #logo .hamburger').animate({ left: -10 },4000);
    $('#inicio #logo .hamburger').animate({ top: -10 },2000);
    setTimeout(function(){
        animation_hamburger();
    },12000);
}
animation_hamburger();
$('#inicio #logo .hamburger').mouseover(function(){
    $(this).stop();
});

您可以在此处查看代码表：

http://codepen.io/anon/pen/VeNGxN