getElementsByTagName. tr aus/einblenden

[PHASE]

hallo, ich möchte iene hilfeseite mit verschiedenen themen bauen.
hierzu habe ich einpaar überschriften die auf die themen verweisen und bei klick darauf die entsprechende tr einblenden.

hier mein javascript:
---
function showHide(alt){
 for(var i = 0; i < document.getElementsByTagName("tr").length;i++){

if(document.getElementsByTagName("tr")[i].getAttribute("class") == "weg" && document.getElementsByTagName("tr")[i].getAttribute("alt") == alt){
   document.getElementsByTagName("tr")[i].setAttribute("class","da",false);
  }
 }
}
--

aufruf sieht so aus:

--
<a href="#" onclick="showHide('anmeldung')">Anmeldung & Abmeldung</a>
--

die tr dazu so:

--
<tr alt="anmeldung" class="weg">
--

das klappt alles ganz gut nur möchte ich jetzt das wenn ein anderes thema angeklickt wird die zuvor angezeigte tr wieder ausgeblendet wird.  hoffe hier kann mir jemand einen tipp geben.

danke und gruß
phase