I have a table where I can hide some stuff with a click of a button “Ocultar Informacao Adicional”, but when I hide these labels, textfields, etc I can´t resize the table and it stays with a huge blank space.
I’ve tried height:auto, height:100%, display: none but none of those seemed to work
Here’s my HTML
<table cellpadding="0" cellspacing="0" border="0" style="width: 980px; position: relative;" class="tableEdit">
<thead>
<tr>
<th width="280px">Fases</th>
</tr>
</thead>
<tbody>
<tr wicket:id="tabelaFase">
<td>
<div class="tdContentInput">
<div class="labelDesc" style="width: 280px; margin-top: 10px;">
<label>Fase número : </label>
<label wicket:id="nome" class="bold"></label>
</div>
<div class="clearBoth labelAndValue width400">
<label>Entrada em funcionamento do Estabelecimento</label>
<div class="calendar">
<input wicket:id="dataInicioFuncionamento" type="text" class="tdData" />
</div>
</div>
<div class="groupButtons">
<input type="submit" value="Visualizar informação adicional" wicket:id="expandir" />
<input type="submit" value="Ocultar informação adicional" wicket:id="ocultar" />
</div>
<div class="clearBoth labelAndValue width260">
<label wicket:id="lblApPrgFunc">Aprovação do Programa Funcional</label>
<div class="calendar">
<input wicket:id="dataAprovFuncional" type="text" class="tdData" />
</div>
</div>
<div class="labelAndCheckBox na width130">
<input wicket:id="naAprovFuncionalcb" type="checkbox" />
<label wicket:id="lblnaApPrgFunc">Não Disponível</label>
</div>
<div class="clearBoth labelAndValue width260">
<label wicket:id="lblAncConProj">Anúncio do concurso para o projeto</label>
<div class="calendar">
<input wicket:id="dataConcursoProjeto" type="text" class="tdData" />
</div>
</div>
<div class="labelAndCheckBox na width130">
<input wicket:id="naConcursoProjetocb" type="checkbox" />
<label wicket:id="lblnaAncConProj">Não Disponível</label>
</div>
<div class="clearBoth labelAndValue width260">
<label wicket:id="lblAdjProj">Adjudicação do projeto</label>
<div class="calendar">
<input wicket:id="dataAdjudicacaoProjeto" type="text" class="tdData" />
</div>
</div>
<div class="labelAndCheckBox na width130">
<input wicket:id="naAdjudicacaoProjetocb" type="checkbox" />
<label wicket:id="lblnaAdjProj">Não Disponível</label>
</div>
<div class="clearBoth labelAndValue width260">
<label wicket:id="lblAproProj">Aprovação do projeto</label>
<div class="calendar">
<input wicket:id="dataAprovacaoProjeto" type="text" class="tdData" />
</div>
</div>
<div class="labelAndCheckBox na width130">
<input wicket:id="naAprovacaoProjetocb" type="checkbox" />
<label wicket:id="lblnaAproProj">Não Disponível</label>
</div>
<div class="clearBoth labelAndValue width260">
<label wicket:id="lblAncConEmp">Anúncio do concurso para a empreitada</label>
<div class="calendar">
<input wicket:id="dataConcursoConstrucao" type="text" class="tdData" />
</div>
</div>
<div class="labelAndCheckBox na width130">
<input wicket:id="naConcursoConstrucaocb" type="checkbox" />
<label wicket:id="lblnaAncConEmp">Não Disponível</label>
</div>
<div class="clearBoth labelAndValue width260">
<label wicket:id="lblAdjEmp">Adjudicação da empreitada</label>
<div class="calendar">
<input wicket:id="dataAdjudicacaoConst" type="text" class="tdData" />
</div>
</div>
<div class="labelAndCheckBox na width130">
<input wicket:id="naAdjudicacaoConstcb" type="checkbox" />
<label wicket:id="lblnaAdjEmp">Não Disponível</label>
</div>
<div class="clearBoth labelAndValue width260">
<label wicket:id="lblRcpProvObra">Recepção provisória da obra</label>
<div class="calendar">
<input wicket:id="dataRecepcaoProvisoria" type="text" class="tdData" />
</div>
</div>
<div class="labelAndCheckBox na width130">
<input wicket:id="naRecepcaoProvisoriacb" type="checkbox" />
<label wicket:id="lblnaRcpProvObra">Não Disponível</label>
</div>
<div class="clearBoth labelAndValue width260">
<label wicket:id="lblIngEdfHsp">Inauguração do Edifício Hospitalar</label>
<div class="calendar">
<input wicket:id="dataInauguracao" type="text" class="tdData" />
</div>
</div>
<div class="labelAndCheckBox na width130">
<input wicket:id="naInauguracaocb" type="checkbox" />
<label wicket:id="lblnaIngEdfHsp">Não Disponível</label>
</div>
<div class="clearBoth labelAndValue width260">
<label wicket:id="lblRcpDefObra">Recepção definitiva da obra</label>
<div class="calendar">
<input wicket:id="dataRecepcaoDefinitiva" type="text" class="tdData" />
</div>
</div>
<div class="labelAndCheckBox na width130">
<input wicket:id="naRecepcaoDefinitivacb" type="checkbox" />
<label wicket:id="lblnaRcpDefObra">Não Disponível</label>
</div>
</div>
</td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
1