crear tabla arriba de otra

[odlanyer85]

Hola creo que lo que podrías hacer es tener tus tablas creadas pero ocultas y al hacer click en determinado elemento mostrarlas. Esto sería algo así:

Código Javascript:

function _I(objeto){ return document.getElementById(objeto); }
function esconder(objeto){ _I(objeto).style.display = "none"; }
function mostrar(objeto){ _I(objeto).style.display = "block"; }
 

Código HTML:

<div id="marco_interrogar">
<table id="tbl_2" style="display:none;">
<tr>
<td></td>
</tr>
</table>
 
<table id="tbl_1" width="734" border="0" cellspacing="0" cellpadding="0">
<tr height="35" bgcolor="ffffff">
<td width="10">&nbsp;</td>
<td width="25" align="left" valign="middle" class="style2">
<img src="imagenes/recortes/button-mas.jpg" width="20" height="19" border="0" onclick="esconder('tbl_1'); mostrar('tbl_2');">
</td>
<td width="332" align="left" valign="middle" class="style2">Agregar Condición</td>
<td width="357" align="right" valign="middle" class="style2">
<input type="submit" name="interrogar" id="interrogar" value="Interrogar" class="boton2">
</td>
<td width="10">&nbsp;</td>
</tr>
</table>
</div>
 

Espero esto te sirva o al menos te pueda dar una idea y te acerque a lo que deseas.