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

您需要.toggle() 而不是.click()，以便在单击时循环功能，如下所示：

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