Форум

Spirit · #1 (**permalink**) 26.02.2009, 10:56

Всем привет помогите пожалуйста, есть таблица при выборе ссылки (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 · #2 (**permalink**) 26.02.2009, 13: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>

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

Форум

Справочник

Discord чат

Курсы javascript