Expandir/Contraer Tabla dentro de otra tabla

[[email protected]]

Tengo un Resumen de Ventas.

Código PHP:

  <table>
 <tr>
  <td width=40%>Luis Espejo<td>
  <td width=25%><img src="detalle.gif" onclick="detalle()"></td>
  <td width=35%>11.530</td>
  <!-- Muestre tabla con detalle de periodo al hacer click sobre la imagen,
       No muestre tabla al hacer click nuevamente sobre la imagen -->
 </tr>
 <tr>
  <td width=40%>Manuel Saldaño<td>
  <td width=25%><img src="detalle.gif" onclick="detalle()"></td>
  <td width=35%>201.478</td>
  <!-- Muestre tabla con detalle de periodo al hacer click sobre la imagen,
       No muestre tabla al hacer click nuevamente sobre la imagen -->
 </tr>
</table> 
   

¿Como elaboro funcion detalle()?

¿Como se puede lograr el efecto?

[JavierB]

Hola [email protected]

Puedes tener la tabla oculta:

Código html:

<table id="detalle" style="display:none">
 

Y mostrarla cuando se pulse la imagen:

Código javascript:

document.getElementById('detalle').style.display='block';
 

Saludos,