Jquery OnClick事件无法增加/减少上边距

我有一个DIV，我试图在使用jQuery点击触发链接时调整上边距。我的代码如下

问题是，这只适用于一种方法-将负的顶部边距降回到0。但在第二次点击时，它不会将其增加到-200px

有人知道为什么吗

$('.gh-gallink').click(
    function() {
        $('.gallery_container').animate({ marginTop: "0px" }, 2000)
    },
    function() {
        $('.gallery_container').animate({ marginTop: "-200px" }, 2000);
    }
);

而不是在单击时需要它循环函数，如下所示：

$('.gh-gallink').toggle(
  function() {
    $('.gallery_container').animate({ marginTop: "0px" }, 2000)
  },
  function() {
    $('.gallery_container').animate({ marginTop: "-200px" }, 2000);
  }
);

---

你好，尼克，谢谢你的回复-我已经试过了，我刚刚再次复制了你的代码来确认，但这不起作用。第一次单击甚至不能使用切换。我真糊涂（这可以将上边距降低到0px:$（'.gh gallink'）。单击（function（）{$（'.gallery_container'）。设置动画（{marginTop:“0px”}，2000，function（）{}）；我似乎无法通过单击或单击使其反向工作toggle@Phil-看看这里，你当前的代码有什么不同吗？@Nick-我用我的代码更新了链接上的代码，它弄坏了！同样，不知道为什么。我只是看不出有什么问题。你唯一缺少的是一个真正的容器。这是必要的，因为lugin只在页面加载时才生成库（通常我只会在隐藏的div中显示：none并使用toggle（）显示/隐藏它）但我这次不能，因为这会停止加载库。因此，负上边距和溢出：隐藏container@Phil-这是因为div位于链接上方，如果你给它一个背景，它会变得更清晰，比如：我想这就是你想要的：