javascript - 機能を組み合わせる

Question

このようないくつかの機能を組み合わせようとしていますが、うまくいきません。

1. パネルは 1 秒間表示されます
2. パネルスライドアップ
3. スライド ボタンは、ごく短時間ビューポートの外に出ます
4. 終了: 右の位置にスライド ボタン ショー

jsフィドル

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