hover individual

[Vendetta]

Buenas,

estoy haciendo un tooltip simple con mouseover y funciona "bien" el único problema es que muestra todos los tooltips en lugar de mostrar solo el del elemento que tiene que ser XD Soy un poco novato en jQuery y no tengo idea de como "individualizarlo", podría hacerlo poniendo numeros o algo así...pero realmente creo que habrán mejores formas de hacerlo.

Dejo el JS

Código Javascript:

$(document).ready(function() {
    $(".pj").hover(
        function () {
            $('.rc').css('display', 'inline-block');
        }, 
        function () {
            $('.rc').css('display', 'none');
        }
    );
});
 

Y el HTML

Código HTML:

<ol>
    <li><a href="#" class="pj">Nombre</a> <span class="rc">Tooltip</span></li>
    <li><a href="#" class="pj">Nombre</a> <span class="rc">Tooltip</span></li>
</ol>
 

Espero que podais echarme una mano~

[autonotel]

Hola,
tendrías que hacerlo por id o por class pero cada uno tiene que tener su nombre.
si quieres que al pasar el ratón por cada uno se muestre el Tooltip que tiene al lado deben tener nombres distintos si no al pasar el mouse por encima de pj te mostrará todos aquellos cuya clase sea rc.

[Vendetta]

Al final he decidido usar Tipsy, mucho más sencillo y utilizando el atributo title.

Gracias por responder (: