Necesito saber como lograr esto:
Tengo una tabla con un resumen de ventas por vendedor, lo requerido es que al pinchar sobre el link
nombre-vendedor se abra un detalle de la ventas de este en otra tabla bajo el resumen.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
#linea {border-collapse:collapse; border-color:#330099;}
#linea1 {border-collapse:collapse; border-color:#CC3366;}
.Estilo1 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.Estilo2 {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.Estilo3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#CC3366; }
-->
</style>
</head>
<body>
<table width=100% border=1 cellspacing=0 cellpadding=2 id=linea>
<tr class=Estilo1 bgcolor=#330099>
<td align=center id=linea>Vendedor</td>
<td align=center id=linea>Factura</td>
<td align=center id=linea>N/Credito</td>
<td align=center id=linea>N/Debito</td>
<td align=center id=linea>Boletas</td>
<td align=center id=linea>Total-Neto</td>
</tr>
<tr class=Estilo2>
<td align=right id=linea><a href='#' title="Mostrar Detalle">Patricio Espinoza</a></td>
<td align=right id=linea>57.000</td>
<td align=right id=linea>1.300</td>
<td align=right id=linea> </td>
<td align=right id=linea>197.480</td>
<td align=right id=linea>253.180</td>
</tr>
<tr>
<td> </td>
<td colspan=4>
<!-- Detalle de Venta -->
<table width=100% border=1 cellspacing=0 cellpadding=2 align=right id=linea1>
<tr class=Estilo3 bgcolor="#FFFFCC">
<td width=25% align=center id=linea1>Documento</td>
<td width=25% align=center id=linea1>A-Pagar</td>
<td width=25% align=center id=linea1>Iva </td>
<td width=25% align=center id=linea1>Neto</td>
</tr>
<tr class=Estilo2>
<td id=linea1>Fac-2815</td>
<td align=right id=linea1>47.900</td>
<td align=right id=linea1>9.100</td>
<td align=right id=linea1>57.000</td>
</tr>
<tr class=Estilo2>
<td id=linea1>NCr-15</td>
<td align=right id=linea1>-1.092</td>
<td align=right id=linea1>-208</td>
<td align=right id=linea1>-1.300</td>
</tr>
<tr class=Estilo2>
<td id=linea1>Bol-142215</td>
<td align=right id=linea1>165.950</td>
<td align=right id=linea1>31.530</td>
<td align=right id=linea1>197.480</td>
</tr>
<tr class=Estilo3 bgcolor="#FFFFCC">
<td align=right id=linea1>Total ==></td>
<td align=right id=linea1>212.758</td>
<td align=right id=linea1>40.422</td>
<td align=right id=linea1>253.180</td>
</tr>
</table>
<!-- Hasta aqui --> </td>
<td> </td>
</tr>
<tr class=Estilo2>
<td align=right id=linea><a href='#' title="Mostrar Detalle">Haroldo Fuentes</a></td>
<td align=right id=linea>341.960</td>
<td align=right id=linea>39.000</td>
<td align=right id=linea>1.200</td>
<td align=right id=linea>289.990</td>
<td align=right id=linea>594.150</td>
</tr>
<tr class=Estilo1 bgcolor="#330099">
<td align=right id=linea>Total ==></td>
<td align=right id=linea>398.960</td>
<td align=right id=linea>40.300</td>
<td align=right id=linea>1.200</td>
<td align=right id=linea>487.470</td>
<td align=right id=linea>847.330</td>
</tr>
</table>
</body>
</html>
Le agradeceria cualquien infoemacion GRACIAS