.hover en diferentes filas

[wilmer30]

Hola:

Voy usando fadeToggle() para mostrar y ocultar un emergente, pero solo me funciona en el primer registro y no en el resto tengo algo asi;

Código PHP:

 <tr>
<td><div id='cite'><?php echo $lista['cite']; ?>
<div id="emerg" style="background:#fff;display:none;width:150px;height:50px;border:1px solid #555;clear: left;float:inherit;position:absolute;">Hola que tal</div>
</tr>
<tr>
<td><div id='cite'><?php echo $lista['cite']; ?>
<div id="emerg" style="background:#fff;display:none;width:150px;height:50px;border:1px solid #555;clear: left;float:inherit;position:absolute;">Hola que tal</div>
</tr>  

y al final tengo:

Código Javascript:

$(function() {
    $("#cite").hover(function(){
        $("#emerg").fadeToggle();
    }); 
});
 

recalco solo me funciona para el primer registro, como haría para que me funcionara para todos los registros

[Lobito14]

Yo usaría clases en vez de id.

Las ids deberían ser únicas y no repetirse entre varios elementos.

Saludos.

[wilmer30]

Lo hice:

Código PHP:

<tr>
<td><div class='cite'><?php echo $lista['cite']; ?>
<div class="emerg" style="background:#fff;display:none;width:150px;height:50px;border:1px solid #555;clear: left;float:inherit;position:absolute;">Hola que tal</div>
</tr>
<tr>
<td><div class='cite'><?php echo $lista['cite']; ?>
<div class="emerg" style="background:#fff;display:none;width:150px;height:50px;border:1px solid #555;clear: left;float:inherit;position:absolute;">Hola que tal</div>
</tr>
 

Código Javascript:

$(function() {
    $("div.cite").hover(function(){
        $("div.emerg").fadeToggle();
    }); 
});
 

pero me muestra en todas las filas el emergente

[Lobito14]

Creo que podrías hacerlo usando el $(this), y seleccionar el elemento hijo de ese elemento, para que solo haga la acción en el elemento que se hace hover en ese momento, sería algo así:

Código Javascript:

$(function() {
    $("div.cite").hover(function(){
        $(this).children("div.emerg").fadeToggle();
    }); 
});
 

También te faltan cosas en el código HTML, quiero entender que no nos has puesto todo el código para ahorrar espacio, pero te lo digo para que lo tengas en cuenta por si acaso.

Saludos.