[SOLUCIONADO] Función Jquery en while php

[paulkees]

Hola a todos...!!!

Tengo una función "Jquery" con enlace "id" que al hacer "click" me muestra u oculta tanto el <div> como el enlace. Al utilizarlo dentro de un "while" php, solo funciona el primero y esto, me parece, es por que sólo reconoce un "id" como es lógico.

A pesar de haber leído, por mi inexperiencia en javascript, no se como hacer para que funcione en el while, supongo que será a través de una variable para el "id", pero no lo logro... por favor, alguien me puede ayudar?

Código PHP:

  echo '<script type="text/javascript">
        $(document).ready(function() {
            $("#ver_user").on("click", function() {
                $("#ver_user2").fadeIn(function(){
                    $("#ver_user").hide("fast");
                });
            });
            $("#cerrar_user2").on("click", function() {
                $("#ver_user2").fadeOut(function(){
                    $("#ver_user").show("fast");
                });
            });
        });
</script>';
 
while( $row = mysql_fetch_assoc($result_5)){
    echo "<td>";
            if ($row['user'] > '0') {
            $ver_user = '<div><a  id="ver_user" href="#">'.$row['user'].'</a><div id="ver_user2" style="display:none;"><div id="cerrar_user2"></div>'.$row['usuario'].'</div></div>';
            }
            echo $ver_user;
    echo "</td>";
} 
   

[Alexis88]

En lugar de un id que debe de ser único en todo el documento, usa una class que sí puede repetirse.

Saludos

[jpint]

Utiliza un contador para los id y añadele el evento onclick directamente al elemento, asi podrás pasarle el id por parametro:

Código PHP:

  <?php
 
$cont = 0;
while( $row = mysql_fetch_assoc($result_5)){ 
    echo "<td>"; 
            if ($row['user'] > '0') { 
            $ver_user = '<div>
                    <a id="ver_user'.$cont.'" onclick="verUser('.$cont.')">'.$row['user'].'</a>
                    <div id="ver_user2'.$cont.'" style="display:none;">
                    <div id="cerrar_user2'.$cont.'"  onclick="cerrarUser('.$cont.')"></div>'.$row['usuario'].'</div>
                </div>'; 
            } 
            echo $ver_user; 
    echo "</td>"; 
    $cont++;
}  
 
?>
 
<script type="text/javascript">
function verUser(id){
    $("#ver_user2" + id).fadeIn(function(){ 
        $("#ver_user" + id).hide("fast"); 
    }); 
} 
function cerrarUser(id){
    $("#ver_user2" + id).fadeOut(function(){ 
        $("#ver_user" + id).show("fast"); 
    }); 
} 
</script>  

[paulkees]

Disculpas por la tardanza en contestar...!!!

Me quedó perfecto, utilicé el ejemplo que me dió jpint y funciona tal cual quería.


Muchas gracias a los dos (jpint y Alexis88) por la ayuda y la orientación!!!

Saludos!