联合功能

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