expandir varios div dinámicos

[perryjr]

Si tienes varias cajas y quieres seleccionarlas todas a la vez me parece que es una buena idea seleccionarlas por clases. La clase "mostrar" y "caja" a lo mejor pueden estar asociadas a estilos CSS o no, pero sirven para que JavaScript reconozca todos los elementos.

Código PHP:

// esta variable guardará la caja abierta para poder cerrarla si abrimos otra
var abierto;
 
$(function()
{
 
// selecciona todos los elementos con la clase "mostrar"
$(".mostrar").click(function(event) {
  event.preventDefault();
 
  var id = $(this).attr('id');
  id = id.split('-')[1]; // cogemos el identificador desde el atributo id
 
  // seguramente haya maneras de hacerlo mejor, pero eso te lo dejo a ti
  // tenemos un problema y es que slideTooggle() usa 1/2 segundillos para la
  // animación y la ejecución sigue su paso. Si ponemos este código después de slideToogle()
  // el comportamiento seria imprevisible dependiendo solo de la velocidad del cliente.
  if($('#caja-' + id).css('display') == 'none') // ahora invisible, se hará visible
    abierto = $('#caja-' + id);
  else // ahora abierto, se hará invisible
   abierto = null;
 
  $("#caja-" + id).slideToggle();
});
 
$(".caja a").click(function(event) {
  event.preventDefault();
  $(this).parent().slideUp();
  abierto = null;
});
 
});
 
 
 
<div><a id="mostrar-'.$idusuario.'" class="mostrar">'.$nombre.'</a></div>
<div id="caja-'.$idusuario.'" class="caja">
'.$telefonouser.'
 
</div>
 

De nuevo, aquí me tienes si el código no te funciona =D