How can I make my inner table show?
<p>I have a table like this, all rows have the structure like 1st data row</p>

<pre><code>&lt;table id='table1'&gt;
   &lt;thead&gt;
       &lt;tr&gt;...table headers...&lt;/tr&gt;
  &lt;/thead&gt;
   &lt;tr&gt;
       &lt;td&gt;xyz&lt;/td&gt;
       &lt;td&gt;
           &lt;table&gt;&lt;tr&gt;&lt;/tr&gt;&lt;/table&gt;
       &lt;/td&gt;
   &lt;/tr&gt;

   &lt;tr&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;/tr&gt;
   ...
   ...
&lt;/table&gt;
</code></pre>

<p>All those inside tables have some texts and images.</p>

<p>Initially, I use  </p>

<pre><code>$('#table1').find("tr:gt(0)").hide();
</code></pre>

<p>to hide everything except header</p>

<p>Now I want to select say from row 1 to row 15 and unhide them. From another post, I know I can use
<code>$('#table1').children('tr').slice(1,15)</code> to find those rows, but when I want to show them using </p>

<pre><code>$('#table1').children('tr').slice(1,15).show(1000);
</code></pre>

<p>all those inside tables are still not showing, but the text "xyz" is showed Am I missing something here?</p>
