jquery - 1つのボタンでjQueryの複数の関数

Question

そのため、複数の機能を使用できるようにしようとしているボタンが1つあります。ページの読み込み時に上記のdivは非表示になります。ボタンをクリックすると、divが表示され、一番上までスクロールします。両方を別々に動作させることはできますが、一緒に動作させることはできません。誰かが私が間違っていることを指摘できますか？

$(function () {
    $("#work").hide();
    $(".button").bind("click", function () {
        $("#work").show();
    });
    $(".button").click(function () {
        $('html, body').animate({
            scrollTop: $("#work").offset().top
        }, 2000);
    });
});

更新1：

フィドルを追加しました：http：//jsfiddle.net/5qQJN/1/

更新2：

したがって、それはなんとか機能しますが、一度クリックした後でのみです。クリックして一番上にジャンプし、もう一度下にスクロールすると、アニメーションでスクロールします。つまり、ウィンドウの読み込みが必要ですか？