배열의 요소를 클릭하면 어떻게 클릭 이벤트가 발생합니까?

Question

DOM 요소 배열이 있습니다. 네 번째 창이 클릭되면 검색 창을 숨기고 싶습니다. 다른 것들이 클릭되면 나는 그것을 보여주고 싶다. 어떻게하면 좋을까요? 현재 가지고있는 항목 :

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