Problem beim ausblenden eines Tabellenteiles

[nucle]

Hi, also ich habe vor, von einer Tabelle einen bestimmten Teil auszublenden. Zb <tr><td></td></tr>
Um das zu realisieren verwende ich noch <tbody> und weise dem eine id zu. Wenn ich jetzt auf einen Link klicke wird das JS aufgerufen und funktioniert auch. Nur wenn ich das ganze in Opera / Firefox ausprobiere sind alle Tabellen durcheinander.
Kann mir jemand helfen?

Hier mein Code:

//////////////////////// JSCRIPT ////////////////////////////////////

function toggleHideShow(id)
{
 if(id != "")
 {
  var oItem = document.getElementById(id);

if(oItem != null)
  {
   if(oItem.style.display == "" || oItem.style.display == 'none')
   {
      oItem.style.display = "block";
   } else {
    oItem.style.display = "none";
   }
  }
  return true;
 }
}

////////////////////////// HTML ////////////////////////////////////

<a onclick="toggleHideShow('unreg_table1')">Tabelle 1</a>

<TABLE cellpadding="0" width="100%"> >
  <THEAD>
    <TR>
      <TH SCOPE=col>Name</TH>
      <TH SCOPE=col>Symbol</TH>
      <TH SCOPE=col>Quantity</TH>
    </TR>
  </THEAD>
  <TBODY id="unreg_table1" style="display:none;" >
    <TR>
      <TD SCOPE=row>meter</TD>
      <TD>m</TD>
      <TD>length</TD>
    </TR>
 </TBODY>
 <TBODY>
    <TR>
      <TD SCOPE=row>kilogram</TD>
      <TD>kg</TD>
      <TD>mass</TD>
    </TR>
  </TBODY>
</table>