Hola a todos tengo un problema con el tema de las anclas en html
el código es el siguiente
<!DOCTYPE HTML>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fernando" />
<title>Untitled 1</title>
</head>
<body>
<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>Título Uno</h1><a name="titulouno"></a>
<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>Título Dos</h1><a name="titulodos"></a>
<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>Título Tres</h1><a name="titulotres"></a>
<p>Este es el texto correspondiente al título tres, aunque debería ser más largo para que se note el efecto.</p>
</body>
</html>
Necesito preguntarle como hacer para que al pulsar el enlace al titulo 3 me muestra el titulo y contenido del titulo 3 pero me oculte el titulo 1 y el 2 con sus contenidos. Es decir me desplaze la barra de scroll hacia el comienzo del titulo 3 de modo que este quede al principio de la pantalla del navegador