Lo que buscas hacer es un
scrolling, por lo que no sería necesario ocultar los otros dos párrafos.
Solamente debes de asignar un
id a cada elemento
h1 o
p:
Código HTML:
Ver original<a href="#titulouno" title="Ir al título uno">Ir al título uno
</a> <a href="#titulodos" title="Ir al título dos">Ir al título dos
</a> <a href="#titulotres" title="Ir al título tres">Ir al título tres
</a>
<h1 id = "titulouno">Título Uno
</h1> <p>Este es el texto correspondiente al título uno, aunque debería ser más largo para que se note el efecto.
</p>
<h1 id = "titulodos">Título Dos
</h1> <p>Este es el texto correspondiente al título dos, aunque debería ser más largo para que se note el efecto.
</p>
<h1 id = "titulotres">Título Tres
</h1> <p>Este es el texto correspondiente al título tres, aunque debería ser más largo para que se note el efecto.
</p>
De esta forma, cada vez que des un clic en uno de los tres enlaces, el elemento que contenga el
id indicado en el atributo
href, obtendrá el enfoque.
Saludos