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

Question

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

问题是，这只能以一种方式工作 - 将负的上边距减少到0但是在第二次点击时它不会再增加到-200px。

任何人都知道为什么？！

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

Answer 1

而不是.click()，您需要.toggle()才能在点击时循环播放功能，如下所示：

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