vediamo se ho ben capito:

codice:
<table>
   <tr class="Clickable">
      <td>
         Riga cliccabile
         <table class="Invisible">
             <tr>
                 <td>Sotto tabella invisibile fino al click</td>
             </tr>
         </table>
      </td>
   </tr>
</table>
Se pensi ad una cosa così, ti conviene fare così:

1- stampi TUTTO sia la parte visibile che quella invisibile
2- associ questo style alla tabella:

codice:
.Clickable{
   cursor: pointer;
}
.Invisible{
   display: none;
}
Poi fai semplicemente così:

codice:
window.onload = function(){
   var rows = document.getElementsByTagName("tr");
   for(i = 0; i < rows.length; i++)
   {
      if(rows[i].className == "Clickable")
      {
          rows[i].onclick = function(){
              var tabl = this.getElementsByTagName('table')[0];
              tabl.style.display = tabl.style.display.toLowerCase()  == 'block' ?  'none' : 'block';
          }
      }
   }
}
Questo dovrebbe essere sufficiente