[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!