Javascript-форум - Часть таблицы -скрытый текст

Доброго времени суток, можно ли с помощью jquery научить скрипт скрывать/открывать часть таблицы.
Пытался реализовать так:
css:

Код:

.opis{

display:none;

text-align: justify;

}

js:

$(document).ready(function() {$('#opislink1').click(function() {
if ( jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {
if ($('#opis1').css("display")=="block") {$('#opis1').css("display", "none");
} else {$('#opis1').css("display", "block");
}
} else {$('#opis1').toggle("slow");
}
if ($('#opislink1').text()=='подробнее') {$('#opislink1').text('кратко');
} else {$('#opislink1').text('подробнее');
}
});
});

И сам код

<table>
  <thead>
<tr>
<td>№ п.п.</td>
<td>Обоснование</td>
<td>Наименование</td>
<a href="javascript:void(0)" id="opislink1">подробнее</a>
</tr>
 </thead>
  <tbody id="tb">';
 echo '
<tr class="opis" id="opis1">
      <td style="background: #AFEEEE; width: 2%;">1</td>
<td style="background: #AFEEEE; width: 8%;">2</td>
<td style="background: #AFEEEE; width: 10%;">3</td>
</tr>';
echo '</tbody>
</table>';

Если вместо tr стоял бы див и код находился не в таблице, то он бы работал, а какие есть варианты решения для того что бы именно в таблице отображалась её скрытая часть???