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!