Show / Hide and Slide Table

Show / Hide and Slide Table

Hello,

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:

1 - Make the child table visible ... Sliding it.
2 - Change the anchor class from "Show" to "Hide".

    <table class="Parent">
      <tr>
          <td class="Task"></td>
          <td>Row1</td>
       </tr>
      <tr>
        <td class="Task"><a class="Show">Show</a></td>
        <td>Row 2
          <table class="Child" style="display: none">
              <tr><td>Row1</td></tr>
             <tr><td>Row2</td></tr>
          </table>
        </td>
       </tr>
    </table>

How can I do this?

Thank You,
Miguel