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); 
    } 
);