Question

How can I group all the following variables into using a sigle show() or hide() instead of individual call for each please? Thanks.

var alertsLink = "alertsLink";
var alertsLinkId = $j("#" + alertsLink);
var modifyLink = "modifySearch";
var events = $j("#eventsPanel");
var alerts = $j("#alertsPanel");
var results = $j("div.results");

if(id == eventsLink){
    events.show();
    alerts.hide();
    results.hide();
    eventsLinkId.hide();
    alertsLinkId.show();
  }else if(id == alertsLink){
    events.hide();
    alerts.show();
    results.hide();
    alertsLinkId.hide();
    eventsLinkId.show();
  }else if(id != modifyLink){
    events.hide();
    alerts.hide();
    results.show();
    alertsLinkId.show();
    eventsLinkId.show();
  }
}

Answer 1

If you would like to keep using your variables, rather than litter your code with lots of magic strings, then you can do:

events.add(alertsLinkId).show();
alerts.add(results).add(eventsLinkId).hide();