I have a js script that changes the visibilty of a selected span to
"visible", but makes sure that no other related spans are visibile to
the user by hiding everything first.
i.e. User clicks on link for 'Box1' ->
document.getElementById("box1").style.visibility=" hidden";
document.getElementById("box2").style.visibility=" hidden";
document.getElementById("box3").style.visibility=" hidden";
document.getElementById("box4").style.visibility=" hidden";
document.getElementById("box5").style.visibility=" hidden";
document.getElementById("box1").style.visibility=" visible";
...
is there an easier way to refer to *all* of the spans that need to be
hidden, preferably in one/two lines of code?