Hola ,tengo un script que me muestra los usuarios de una base de datos la idea es que al pulsar en el usuario expanda el telefono y lo contraiga al pulsar sobre el boton al pulsar otro usuario.
El problema que tengo es que si tengo uno va bien pero cuando hay mas de uno al ser dinámico no se decirle que expanda o contraiga ese....
Dentro de un while saco los usuarios con sus teléfonos:
Código PHP:
<div><a id="mostrar-'.$idusuario.'">'.$nombre.'</a></div>
<div id="caja-'.$idusuario.'">
'.$telefonouser.'
</div>
y el ajax que hace que solo me funcione uno
Código PHP:
<script type="text/javascript">
$(function()
{
$("#mostrar").click(function(event) {
event.preventDefault();
$("#caja").slideToggle();
});
$("#caja a").click(function(event) {
event.preventDefault();
$("#caja").slideUp();
});
});
</script>
Agradecería como hacer para que fuera dinámico creo que es con algo de this pero no se como,porque también quiero tener sólo uno desplegado , no pueden existir dos desplegados a la vez.
Gracias