Caja desplegable con contenido dinámico

[zalito12]

Puedes probar algo así en el php:

Código PHP:

  <?php      
$i = 0;
        while($row = mysql_fetch_array($result)) {
            echo '
               // Boton para desplegar
               <input type="button" name="boton" id="'.$i.'" value="Desplegar" onClick="capa('.$i.')" />
               
               // Capa que se despliega
               <div id="capa'.$i.'" class="hidden">
               
                 <ul>
                    <li><span>Cliente: </span>'.$row["apellidos"].', '.$row["nombre"].'</li>
                    <li><span>NIF: </span>'.$row["dni"].'</li>
                    <li><span>Dirección: </span>'.$row["direccion"].'</li>
                 </ul>
                 
               </div>
                 ';
$i++;
    }
   mysql_free_result($result);
   mysql_close($link);
 ?>   

Y así en la funcion de JS:

Código:

<script>
    function capa(num)
    {
      var estilo = document.getElementById("capa"+num).className;
      if (estilo == "hidden")
      {
        document.getElementById("capa"+num).className = "show";
      }
      else
      {
        document.getElementById("capa"+num).className = "hidden";
      }
    }
  </script>

Debería funcionar aunque la solución es un poco a lo bestia, no quiero decir que esté mal, pero seguro que alguien encuentra alguna forma más delicada :D