Tengo este codigo con una funcion para mostrar y ocultar subfilas debajo de otra fila principal las cuales se generan mediante un ciclo pero al dar mostrar u ocultar solo funciona con la primera fila, las demas no.
pueden probar el codigo.
Código
<html> <head> <style> /* clase para ocultar el div al inicio */ .oculto { display:none; } </style> <script type="text/javascript"> <!-- /*****************************Ocultar div**************************/ var visto = null; function ver(num) { obj = document.getElementById(num); obj.style.display = (obj==visto) ? 'none' : 'block'; if (visto != null) visto.style.display = 'none'; visto = (obj==visto) ? null : obj; } --> </script> </head> <body> <table border="0" cellpadding="2" cellspacing="0" width="50%"> <?php $contador = 0; while ($contador < 10){ $contador ++; ?> <tr <?= $contador%2==0?'style="background-color:#F3F3F3"':'' ?> onclick="ver('div_sergios')"> <tr> <td colspan="3"> <div id="div_sergios" class="oculto"> <table border="1" cellpadding="0" cellspacing="1"> <tr> </tr> <tr> </tr> <tr> </tr> </table> </div> </td> </tr> </tr> <?php } ?> </table> <br/> </body> </html>
Mod: Obligatorio el uso de etiquetas GeSHi.