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,