redirect to an id with html tag to

<ul id="tabs-swipe-demo" class="tabs " >
    <li class="tab " title="Para empezar"><a class="active" href="#swipe-1" >    Para empezar</a></li>
    <li class="tab" title="Datos a tomar en cuenta "><a  href="#swipe-2">Datos a tomar en cuenta </a></li>
    <li class="tab" title="Recuerda que"><a  href="#swipe-3">Recuerda que</a></li>
    <li class="tab" title="Cambia tu contraseña"><a  href="#swipe-4">Cambia tu contraseña</a></li>
  </ul>




  <div id="swipe-1" align="center">
<section >

<br>
<br>
<img src="imagenesayuda/pregunta.jpg" class="alineadoTextoImagenCentro" style="width:200px; height:200px;">
<pre> ¿Por qué necesitas cambiar tu contraseña?<pre>

<a style="color:black;" href="swipe-2"  >Porque se me olvidó </a>
<a style="color:black;" href="swipe-2"  >Porque se me olvidó </a>
<a style="color:black;" href="swipe-2"  >Porque se me olvidó </a>


</section>
</div>

  <div id="swipe-2">
<section>
 22222222222
</section>
</div>



  <div id="swipe-3">
<section>
 33333333333
</section>
</div>

I'm trying to press one of the data "because I forgot" to direct me to the second screen

"data to take into account"

When I press on data to take into account if I show the second div with the information I have there.

I would like to know why if he serves me with the href="# swipe-1" does not work with the href="# swipe-1".