Boa tarde pessoal.
Quero ocultar/mostrar linhas em uma tabela HTML com javascript, porém quando "oculto" essa linha, o espaço continua sendo ocupado.
Segue imagens para facilitar o entendimento.
Imagem de quando a pagina é carregada, com parâmetro "hidden" na linha da tabela
[img]http://img809.imageshack.us/img809/2237/imagem0r.jpg[/img]
Imagem de quando clico na linha, e linha "oculta" é mostrada.
[img]http://img707.imageshack.us/img707/2796/imagem1il.jpg[/img]
Códigos relevantes:
1) Função JS que mostra/esconde a linha<script type="text/javascript">
function escondeMostra(x){
if(document.getElementById(x).style.visibility == "hidden"){
document.getElementById(x).style.visibility = "visible";
}
else{
document.getElementById(x).style.visibility = "hidden";
}
}
</script>
<tr class="odd" onClick="escondeMostra(<? echo $i.'00'; ?>)">
<td width="30"><label for="data"><? echo $i; ?>:00 </label></td>
<td width="350" align="left"><label for="paciente" ><b><? echo trim($array['NOME']); ?><b></label></td>
<td class="acao"><label for="acao">
<? if ($date >= date("d/m/y")) { ?>
<a href="#"><img src="imagens/rem.png" width="8" height="8" alt="Remover"></a>
<? } ?></label></td>
<tr id='<? echo $i.'00'; ?>' style="visibility:hidden" onClick="escondeMostra(<? echo $i.'30'; ?>)">
<td colspan="4" onClick="escondeMostra(<? echo $i.'00'; ?>)"><label for="extra">Mais informacoes:
<? if ($array['OBSERVACAO']) { echo $array['OBSERVACAO']; } else { echo 'Nenhuma'; } ?>
</label></td>
</tr>
Alguém tem ideia oque posso fazer para conseguir mostrar/esconder essa linha, sem manter esse espaço?
Obrigado de desde já, aguardo respostas.
