javascript - 组合功能

Question

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

1. 面板将显示 1 秒
2. 面板向上滑动
3. 幻灯片 Btn 将在很短的时间内离开视口
4. 结束：在右侧位置滑动 Btn 显示

jsFiddle

$(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)

});​

我需要你的帮助，拜托。

Answer 1

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

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