jquery - オンクリックボタンが関数を呼び出していません

Question

何らかの理由でアラートが呼び出されていません。誰かがこれをデバッグするのを手伝ってくれますか?

$(document).ready(function () { 
    // Keep filter hidden
    //$("#filter_bar").hide();

    $('#filter_bar').click(showFilterBar);

});

function showFilterBar(){
    alert('got in here');
    if ($("#filter_bar").is(":hidden")){
        $("#filter_bar").show();
    } 
    else
    {
        $("#filter_bar").hide();
    }
}

http://jsbin.com/imevax/1/edit

Answer 1

関数の定義方法を変更することで機能しました。

showFilterBar = function(){
    alert('got in here');
    if ($("#filter_bar").is(":hidden")){
        $("#filter_bar").show();
    }else{
        $("#filter_bar").hide();
    }
};

$(document).ready(function () { 
    // Keep filter hidden
    //$("#filter_bar").hide();

    $('#filter_bar').click(showFilterBar);
});

ライブ: http://jsbin.com/imevax/15/edit