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