配列の要素がクリックされた場合、クリックイベントを発生させるにはどうすればよいですか？

Question

私はDOM要素の配列を持っています。 4番目がクリックされた場合は、検索ボックスを非表示にします。他のいずれかがクリックされた場合、私はそれを表示したいと思います。どうすればいい？現在私は持っています：

var app = { 
    config: { 
     tabs: [$("#tab1"), $("#tab2"), $("#tab3"), $("#tab4")], 
     search: $("#search") 
    }, 
    showHideSearch: function() { 
     // Here I need to test if the fourth tab was clicked on then hide(); 
     // else if tabs one through three were clicked show 
    } 
} 
app.showHideSearch(); 

何か助けていただければ幸いです。ありがとうございました。

Answer 1

$.each(app.config.tabs, function(i, v) { 
    v.bind('click', function(){ 
    $('#searchbox').show(); 
    if(i==3) 
     $('#searchbox').hide(); 
    }); 
}); 

Answer 2

これを行うための配列は必要ありません。

$("#tab4").click(function() { 
    app.config.search.hide(); 
    // $("#search").hide(); 
}); 
$("#tab1, #tab2, #tab3").click(function() { 
    app.config.search.show(); 
    // $("#search").show(); 
});