jQuery 动画在单击时向下滑动，但在单击时不向后滑动

Question

我已经在这个小小的细节上搞乱了好几个小时了，尽管我确信解决方案非常非常简单，但我最终还是放弃了。

我在 div 中有一个名为“.address”的面板，其溢出:隐藏，因此在激活该功能之前它不会显示。当单击按钮“.click”时，我希望地址 div 从隐藏区域向下滑动到可见 View 中。到目前为止，这是有效的，但我不明白为什么它不会在第二次单击时滑回。

    $(".click").click(function(){
        $(".address").animate({top:"0"},{duration:200});
            }, function() {
        $(".address").animate({top:"-55px"},{duration:200});
    });

谁能给我解释一下这个问题的解决办法吗？这可能是一个显而易见的解决方案，但我就是无法弄清楚。

Answer 1

有.toggle()在两个(或多个)函数之间循环(而不是 .click() ，它只是使用您的第一个函数)，如下所示:

$(".click").toggle(function(){
    $(".address").animate({top:"0"},{duration:200});
}, function() {
    $(".address").animate({top:"-55px"},{duration:200});
});