Mostrar div al poner el cursor

[PercevalCiro]

Iniciado por IDRID

Código:

$(document).ready(function(){
jQuery(".bio").hide();

    $('.player').mouseover(function() {   
        $(this).next(".bio").show();
    });

});

La libreria jquery ya esta.

Código HTML:

<div class="popit-hover player">
<img src=".png" alt="Snake">
<span style="font-size:18px;" class="crikey-squat">Snake</span>
<div class="bio">
<div class="br-solid"></div>
<div style="margin: 2px 20px;" class="bio-content">
Texto.
</div>
</div>
</div> 

La consola de errores no me muestra ningun error, no se muestra el div, pero se oculta el contenido.

Gracias.

Yo utilizaria children en vez de next. Pero porque no llamarlo directo?.... asi funcionaria:

Código Javascript:

$(document).ready(function(){
jQuery(".bio").hide();
 
    $('.player').mouseover(function() {   
        $(this).children(".bio").show();
    });
 
});
 

Pero tambien podria ser:

Código Javascript:

$(document).ready(function(){
jQuery(".bio").hide();
 
    $('.player').mouseover(function() {   
        $(".bio").show();
    });
 
});