jquery - 表の表示/非表示とスライド

Question

行の1つに子テーブルがあるテーブルがあります。クラス「Show」のアンカーをクリックすると、次のようになります。

1. 子テーブルを見えるようにする ... スライドさせます。
2. アンカー クラスを「表示」から「非表示」に変更します。

これどうやってするの？

私のコードは次のとおりです。

<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>

ありがとう！

Answer 1

あなたはこのようにしたいですか？

デモを見る:

利用したtoggle()

http://jsfiddle.net/KcRTm/3/