Que tal, a ver si me pueden ayudar un poco en esto.
tengo el siguiente codigo en html
Código HTML:
<div id="div-aan-60d" style="margin: -42px 0px 0px;">
<table class="stats" align="center" width="550">
<tr>
<td class="stats"><font size="1">2009-10-14</font></td>
<td class="stats"><font size="1">1</font>
</td>
</tr>
</tbody>
</table>
</div>
<div id="div-acg-64t" style="margin: -42px 0px 0px;">
<table class="stats" align="center" width="550">
<tr>
<td class="stats"><font size="1">2009-10-15</font></td>
<td class="stats"><font size="1">1</font>
</td>
</tr>
</tbody>
</table>
</div>
Ahora, con mootools yo genero una funcion para hacer que despliegue y se oculte con "toggle" cuando se hace click en la etiqueta <a> correspondiente al codigo de lvehiculo de esta manera
Código javascript
:
Ver originalwindow.addEvent('domready', function()
{
var slider10 = new Fx.Slide('div-acg-64t').hide();
slider10.hide();
$('acg-64t').addEvent('click', function(ev)
{
new Event(ev).stop();
slider10.toggle();
});
var slider11 = new Fx.Slide('div-aan-60d').hide();
slider11.hide();
$('aan-60d').addEvent('click', function(ev)
{
new Event(ev).stop();
slider11.toggle();
});
});
mi pregunta es ¿como puedo generalizar una sola funcion que haga lo mismo para todos los divs que puedan ser desplegados en la pagina? porque por ejemplo este es un cliente con dos vehiculos, pero puede haber un cliente con 10 y es como complicado realizar una funcion para cada uno. Gracias