Javascript 为什么jQuery动画边距在重新执行时不重置为原点？

这是一个简单的概念，你点击div，它会按预期显示3幅图像，但下一步是将它们压缩回原点，我想我可以反转边距，但现在我不确定如何继续。这是我的小提琴：

它的工作原理与显示图像一样，但是任何帮助它们回到起点的帮助都将非常棒

我可能是在这里装傻

var increasingMargin = 350;
$(".pop-out-image").click(function(){
if(popImage == 0) {
    popImage = 1;
    $(".pop-out-image").each(function(){
        $(this).animate({marginTop: increasingMargin});
            increasingMargin+=250;
    });
}
else{
    popImage = 0;
    $(".pop-out-image").each(function(){
        $(this).animate({marginTop: increasingMargin});
        increasingMargin -= 250;
    });
}
});