Доброго времени суток, можно ли с помощью 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 стоял бы див и код находился не в таблице, то он бы работал, а какие есть варианты решения для того что бы именно в таблице отображалась её скрытая часть???