Всем, здравствуйте!
Для строк таблицы меняю видимость (style.display). После чего, все строки съезжают, точнее пропадают выравнивание, отступы и ширина ячейки.
Подскажите, пожалуйста, почему так происходит, и как это можно исправить?
Любые советы принимаются с благодарностью!
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script>
function all_hide(){
$(document).find("textarea").each(function() {
this.parentElement.parentElement.style.display="none";
})
}
function all_show(){
$(document).find("textarea").each(function() {
this.parentElement.parentElement.style.display="block";
})
}
</script>
<table border = "1" cellpadding="5" width="100%">
<tr>
<td width="10%">строка 1</td>
<td width="90%" align="center"><textarea name="r1" rows="1" cols="80" id="r1"></textarea></td>
</tr>
<tr>
<td width="10%">а тут строка 2</td>
<td width="90%" align="center"><textarea name="r2" rows="1" cols="80" id="r2"></textarea></td>
</tr>
<tr>
<td width="10%">и еще вот строка 3</td>
<td width="90%" align="center"><textarea name="r3" rows="1" cols="80" id="r3"></textarea></td>
</tr>
</table>
<input type = "button" onclick = "all_show();" value = "Показать">
<input type = "button" onclick = "all_hide();" value = "скрыть">