CODEWITHSUNDEEP
javascriptjquery
Jesse Atkinson
Jesse Atkinson

Reputation: 11406

How do I fire click event if element in array is clicked?

I have an array of DOM elements. If the fourth one is clicked I want to hide the search box. If any of the other ones are clicked I want to show it. How would I do this? I currently have:

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

Any help is appreciated. Thank you.

Upvotes: 0

Views: 176

Answers (2)

Tim Joyce
Tim Joyce

Reputation: 4517

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

Upvotes: 2

Will
Will

Reputation: 20235

You don't need an array to do this.

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

Upvotes: 4

Related Questions