• Откуда: Вильнюс (Литва)
  • Зарегистрирован: 19-05-2005
  • Сообщений: 1,103
  • User Karma: 11

Тема: Скрываем и показываем часть таблицы

Это очень удобно делать если есть много информации, но всю ее отображать ненадо.

<html>
<head>
<style>
    .tbl_hide { display: none; }
    .tbl_show { display: block; }
</style>
</head>
<body>
<a onClick="javascript:document.getElementById('tbl_1').className='tbl_hide';" href="javascript:void(0);">hide</a>
<a onClick="javascript:document.getElementById('tbl_1').className='tbl_show';" href="javascript:void(0);">show</a>
<table border="1">
    <tr class="tbl_show">
        <td>TEXT</td>
    </tr>
    <tr id="tbl_1" class="tbl_hide">
        <td>TEXT (HIDE)</td>
    </tr>
    <tr class="tbl_show">
        <td>TEXT</td>
    </tr>
</table>
</body>
</html>