Mehrere Tabellen <td>'s ansprechen

[Bernd]

Hallo zusammen,
Ich habe folgendes Problem: Ich habe vor eine Tabelle zu erstellen in der ich mithilfe einer Javascript function mehrere <td>'s ein- und ausblenden kann. Mit meinem Script komme ich da aber nicht sehr weit; es basiert auf der Id eines Objektes. Das Ganze sieht wie folgt aus:

  
function toggle (control)  
  {  
  var elem = document.getElementById(control);  
  if (elem.style.display == "none")  
    {  
    elem.style.display = "block";  
    }  
  else  
    {  
    elem.style.display = "none";  
    }  
  }  

  
<table border="1" width="70%" rules="rows">  
<colgroup>  
  <col width="100%">  
</colgroup>  
  
  <tr>  
    <td><center><h1><a href="javascript:toggle('hide_1')">Überschrift</a></h1></center></td>  
  </tr>  
  <tr>  
    <td id="hide_1" style="display:none">Text der ein- ausgeblendet wird Teil 1</td>  
    <td id~~~~~~~~~ style="Display:none">Text der ein- ausgeblendet wird Teil 2</td>  
  </tr>  
</table>  

Nun, hat jemand einen Tipp wie ich mein Script umgestalten müsste damit ich es auf mehrere Objekte beziehen kann?

Bernd