Javascript-форум - jQuery складывающаяся таблица

Всем привет помогите пожалуйста, есть таблица при выборе ссылки (class="btn") должен скрываться/отображаться тот div с class="panel" который находится под данной ссылкой, а у меня скрываются/отображаться все. Как привязать конкретный блок к конкретной ссылке?

<head>
  <script type="text/javascript" src="jquery-1.3.1.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $(".btn").click(function() {
        $(".panel").slideToggle("slow");
        $(this).toggleClass("active");
      });
    });
  </script>
</head>
<body>
<table width="50">
  <tr>
    <td><a href="#" class="btn">click1</a></td>
  </tr>
  <tr>
      <td><div class="panel">реагируем на click1</div></td>
  </tr>
  <tr>
    <td><a href="#" class="btn">click2</a></td>
  </tr>
   <tr>
      <td><div class="panel">реагируем на click2</div></td>
  </tr>
</table>
</body>

<head> <script type="text/javascript" src="jquery-1.3.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".btn").click(function() { $(".panel").slideToggle("slow"); $(this).toggleClass("active"); }); $(".btn2").click(function() { $(".panel2").slideToggle("slow"); $(this).toggleClass("active"); }); }); </script> </head> <body> <table width="50"> <tr> <td><a href="#" class="btn">click1</a></td> </tr> <tr> <td><div class="panel">реагируем на click1</div></td> </tr> <tr> <td><a href="#" class="btn2">click2</a></td> </tr> <tr> <td><div class="panel2">реагируем на click2</div></td> </tr> </table> </body>