Show / Hide and Slide Table
<p>I have a table where in one of the rows I have a child table.
When the anchor with class "Show" is clicked I would like to:</p>

<ol>
<li>Make the child table visible ... Sliding it.</li>
<li>Change the anchor class from "Show" to "Hide".</li>
</ol>

<p>How can I do this?</p>

<p>My code is as follows:</p>

<pre><code>&lt;table class="Parent"&gt;
  &lt;tr&gt;
      &lt;td class="Task"&gt;&lt;/td&gt;
      &lt;td&gt;Row1&lt;/td&gt;
   &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td class="Task"&gt;&lt;a class="Show"&gt;Show&lt;/a&gt;&lt;/td&gt;
    &lt;td&gt;Row 2
      &lt;table class="Child" style="display: none"&gt;
          &lt;tr&gt;&lt;td&gt;Row1&lt;/td&gt;&lt;/tr&gt;
         &lt;tr&gt;&lt;td&gt;Row2&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
    &lt;/td&gt;
   &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>Thank You,
Miguel</p>
