组合功能答案

【问题标题】：Combine functions组合功能
【发布时间】：2012-06-08 19:32:26
【问题描述】：

我尝试组合一些这样的功能，但对我不起作用。

面板将显示 1 秒
面板向上滑动
Slide Btn 将在很短的时间内离开视口
结束：在右侧位置滑动 Btn 显示

$(document).ready(function(){

    $(".btn-slide").click(function(){
        $("#panel").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });

    $('#panel').html('This text will dissapear after 3 seconds.');
    timeout = setTimeout(function () {
        $('#panel').animate({marginTop: '-450px'}, 500);
    },

    function aha() {
        $('.btn-slide').animate({marginTop:'-40px'}, 350);
        $('.btn-slide').animate({marginTop:'470px'}, 350);
    }), 1000)

});

我需要你的帮助。

【问题讨论】：

setTimeout 接受一个函数和一个整数，而不是两个函数。此外，您还有语法错误：Uncaught SyntaxError: Unexpected token )
你能解释一下按下按钮是如何适应你的动作顺序的吗？

标签： javascript jquery jquery-animate toggle slide

【解决方案1】：

将回调绑定到 slideToggle 函数作为参数。

$("#panel").slideToggle("slow",function(){
   ..do this when the slide has completed
});

【讨论】：

你提到的所有事情的绑定回调应该可以完成工作。 Jquery 支持它们的所有定时功能（例如动画）。