Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   jQuery складывающаяся таблица (https://javascript.ru/forum/misc/2917-jquery-skladyvayushhayasya-tablica.html)

Spirit 26.02.2009 09:56

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>

KOPCAP 26.02.2009 12:26

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

у меня работает таким образом


Часовой пояс GMT +3, время: 11:20.