聯合功能

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