Hola, resulta que antes usaba jquery pero quiero cambiarme a mootools porque lo veo mas completo y bueno, realmente soy novato xD pero me da mejor impresion el de la vaca.
Asi que a ver si me ayudais.
Código PHP:
<!-- SCRIPTSss -->
<script type="text/javascript">
window.addEvent('domready', function() {
var Addentrada= new Fx.Slide('Fentradas');
Addentrada.hide();
$('Aentradas').addEvent('click', function (e) {
e = new Event(e);
Addentrada.toggle();
e.stop();
});
var Plegable1=$$('.plegableM2');
for(i=0;i<Plegable1.length;i++) {
Plegable11[i]=new Fx.Slide(Plegable1[i]);
Plegable11[i].hide();
}
});
</script>
<!-- FIN SCRIPTSss -->
<div class="titulos">Mensajes Recibidos <img height="14" src="<? echo $IMGs;?>flechadown.gif"> <img height="14" src="<? echo $IMGs;?>flechatop.gif"></div>
<TABLE id="Mrecibidos">
<? while($DmensajesR=mysql_fetch_array($CmensajesR)) {
if ($DmensajesR['Eliminado2']=="0") {
echo '
<tr class="plegableM1">
<th>Asunto: ',$DmensajesR['Asunto'],'</th>
<th style="font-size: 9px; width: 120px;">',fecha($DmensajesR['Fecha']),'</th>
</tr>
<tr>
<th><div class="plegableM2">Recibido De: ',anombre($DmensajesR['ID_usu1']),'</div></th>
<th><div class="plegableM2"><a href="funciones/Borrado.php?mpR=',$DmensajesR['ID'],'" title="Borrar este Mensaje"> <img src="imgs/iconos/delete.png"> </a></div></th>
</tr>
<tr><td colspan="2"><div class="plegableM2">',filtros($DmensajesR['Contenido']),'</div></td></tr>
<tr></tr>';
}
} ?>
</TABLE><br><br>
La primera parte del javascript es para otra que si me funciona bien, es un simple slide.
El problema llega con los 2º
Como vereis en el codigo siguiente, lo que quiero es cargada la pagina lo que salga sea la celda donde pone el asunto y la fecha en cada mensaje. Al hacer click en estas 2 celdas (tr) pues que se expandan las 2 tr que siguen a cada 1tr
Al cargar todas las TRs de una clase se tienen que hide() xD y luego que haya un toggle con cada una. NO que haciendo click en una se expandan todas...
Ojala me entiendan xD gracias