Показать сообщение отдельно
  #3 (permalink)  
Старый 17.09.2014, 18:05
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

Как-то так:
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<body>
  <table>
    <tr>
      <td class="info">
        <span class="info_but">Кнопка 1</span>
        <div class="info_cont">Ла-ла-ла</div>
      </td>
    </tr>
    <tr>
      <td class="info">
        <span class="info_but">Кнопка 2</span>
        <div class="info_cont">Ла-ла-ла</div>
      </td>
    </tr>
    <tr>
      <td class="info">
        <span class="info_but">Кнопка 3</span>
        <div class="info_cont">Ла-ла-ла</div>
      </td>
    </tr>
  </table>
  
  <script>
    
    $('.info_but').mouseover(function() {
      $(this).next().show();
    });

    $('.info_but').mouseout(function() {
      $(this).next().hide();
    });

  </script>
</body>
Ответить с цитированием