Hide/Show nextAll TR when Click in TH (without affecting subtables into table td)

Hide/Show nextAll TR when Click in TH (without affecting subtables into table td)

Hello from México, my english is n't very good, sorry.
 
I need this...
 
<style>
*{height:20px;width:100%}
table {;background:#999999;<--border-
collapse:collapse-->}
th {background:#aaaaaa}
td {background:#bbbbbb}
</style>

<table>
   <tr>
      <th>
 Principal Item <--- show/hide all next TR:gt(0) except in subtable



      </th>
   </tr>
   <tr>
      <td>
 Information...
      </td>
   </tr>
   <tr>
      <td>
 Information...
      </td>
   </tr>
   <tr>
      <td>
         <table>
            <tr>
               <th>
  Secundary SubItem 1 <--- show/hide TR:gt(0) in this table
















               </th>
            </tr>
            <tr>
               <td>
  Information...
               </td>
            </tr>
            <tr>
               <td>
  Information...
               </td>
            </tr>
            <tr>
         </table>
      </td>
   </tr>
</table>















 
I try with $("table").find("tr:gt(0)").toggle(); but hide/show too subtable tr
too
$('table').each(function(){  $('tr:gt(0)', this).hide();  }); but no
 
 
Note: I need a Table because i will insert inputs, images etc, i don´t need list li u
Thanks very much!.