He hecho lo siguiente:
Me podrian dar una sugerencias, por que repito yo soy super nuevo css
<html>
<head>
<style>
.abierto
{
width: 100%;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
padding: 0;
}
.cerrado
{
display: none;
height: 0;
padding:0;
}
</style>
<script>
function mostrar_ocultar(id)
{
if(document.getElementById(id).className=='abierto ')
document.getElementById(id).className='cerrado';
else
document.getElementById(id).className='abierto';
}
function cursor(a)
{
a.style.cursor='hand';
}
function manita(a)
{
a.style.cursor='default';
}
</script>
</head>
<body>
<table border=1 width=230>
<tr>
<td onclick="mostrar_ocultar(10);" onMouseOut="manita(this);" onMouseOver="cursor(this);" align=center>Consulta</td>
</tr>
<tr>
<td>
<div class="cerrado" id=10>
<table border=1>
<tr>
<td align=center>Nombre:</td>
<td align=center><INPUT type="text" id=text1 name=text1></td>
</tr>
</table>
</div>
</table>
<br><br>
<table border=1 width=230>
<tr>
<td onclick="mostrar_ocultar(11);" onMouseOut="manita(this);" onMouseOver="cursor(this);" align=center>Consulta</td>
</tr>
<tr>
<td>
<div class="cerrado" id=11>
<table border=1>
<tr>
<td align=center>Nomina:</td>
<td align=center><INPUT type="text" id=text2 name=text2></td>
</tr>
</table>
</div>
</table>
Gracias a Tunait, por su codigo.