Añadir nueva fila al clickar un boton

[crujikoki]

Hola foreros!

Tengo una nueva duda dudosa, pero esta vez creo que algo más compleja...
La cosa es que tengo una tabla de este estilo (más o menos):

Código HTML:

<table>
<tr bgcolor="#bbcaeb">
  <td colspan="1"><input type="submit" value="A&ntilde;adir marca" onclick="addMarker()" /></td>
  <td colspan="1"><input type="submit" value="Borrar marca" onclick="removeMarker()" /></td>
</tr>
<tr>
<td colspan="5"  bgcolor="white">
<!-- mapa de google maps -->
</td>
</tr>
</table> 

Lo que quiero es que al pulsar el boton de "añadir marcador" aparezca una nueva fila con sus correspondientes colunas entre la fila de los botones y la del mapa. Dicha fila quiero que contenga varias cosas como selects, botones u algunos campos de texto. En definitiva quiero que la tabla quede más o menos así:

Código HTML:

<table>
<tr bgcolor="#bbcaeb">
  <td colspan="1"><input type="submit" value="A&ntilde;adir marca" onclick="addMarker()" /></td>
  <td colspan="1"><input type="submit" value="Borrar marca" onclick="removeMarker()" /></td>
</tr>
<tr>
<td colspan="5"  bgcolor="white">
Título:<input type="text" value="text1"><br>
Subtítulo:<input type="text" value="text2"><br>
<input type="submit" value="Añadir"><br>
<!-- más cosas alineadas y posicionadas donde toque -->
</td>
</tr>
<tr>
<td colspan="5"  bgcolor="white">
<!-- mapa de google maps -->
</td>
</tr>
</table> 

A más a más, como extra, si dicha fila puede aparecer con un efecto de deslizamiento como este menú mucho mejor!

He encontrado ejemplo de como hacer lo que quiero, pero añaden filas y columnas solo con texto y nada más. Como no domino de JS no se como editar los tags de las columnas para poder poner, por ejemplo, colspan="5" o poder alinear los inputs a mi antojo mediante el JS.

Quizás lo que pido es difícil o muy lavorioso, pero si alguna mente privilegiada se lo ocurre como hacerlo me haría un gran favor.

Muchas gracias por adelantado!