结合功能

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