[SOLUCIONADO] Click en div.class que afecte a un div.class en particular

[eltinchorz]

Hola! no se como buscarlo en la web e incluso no se que ponerle de titulo a este post, perdon si no se entiende!

En css cuando hacemos un :hover a un elemento y redireccionamos la accion a otro elemento todo este evento solo se aplica al div que contiene el elemento al que se le pasa el mouse encima, incluso si hay muchos divs iguales con la misma clase, pongo un ejemplo para que me entiendan mejor:

Código HTML:

<div class="post">
    <div class="boton">Revelar texto</div>
    <p class="texto>Hola!</p>
</div>
 
<div class="post">
    <div class="boton">Revelar texto</div>
    <p class="texto>Hola!</p>
</div>
 
<div class="post">
    <div class="boton">Revelar texto</div>
    <p class="texto>Hola!</p>
</div>
 
<div class="post">
    <div class="boton">Revelar texto</div>
    <p class="texto>Hola!</p>
</div>
 

Código CSS:

.texto
{
    display: none;
}
 
.boton:hover .texto
{
    display: block;
}
 

Como logro esto en jQuery?
Porque asi no funciona:

Código Javascript:

$(document).ready(function(){
    $(".boton").click(function(){
        $(".texto").css("display","block");
    });
});
 

Al hacer click en cualquier boton se muestran todos los textos, como puedo obtener esa funcionalidad de css en jquery?

Desde ya muchas gracias!

[Alexis88]

De esta manera:

Código Javascript:

$(".boton").hover(function(){
    $(this).parent().find(".texto").show();
}, function(){
    $(this).parent().find(".texto").hide();
});
 

Cuando poses el cursor sobre el elemento de clase 'boton', buscarás, en el elemento que lo contiene, al elemento de clase 'texto' y lo mostrarás. Cuando retires el cursor del mouse del elemento, se ocultará.

Saludos

[eltinchorz]

Perfecto! tuve que mover algunos divs en el html para que sean "hermanos" pero funciona de diez, muchas gracias!

Marco como solucionado
Saludos!