Reveal.JS - Nested slides

index.html

<section>
  <section>
    <h2>Diapositivas anidadas</h2>
    <p>Además de la típica secuenciación izquierda-derecha, también podemos trabajar en el sentido vertical arriba-abajo</p>
    <p>Pulsa <strong>Espacio</strong> para moverte por todas las diapositivas anidadas</p>
    <p>También puedes pulsar las flechas <strong>ARRIBA</strong> y <strong>ABAJO</strong> para desplazarte por ellas</p>
    <a href="#" class="navigate-down">
      <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
    </a>
  </section>
  <section>
    <h2>Contenido interno</h2>
    <p>Este tipo de ordenación es útil para mostrar detalles adicionales de alguna idea o concepto</p>
  </section>
  <section>
    <h2>Diapositivas anidadas</h2>
    <p>Tiempo de volver atrás...</p>
    <br>
    <a href="#/10">
      <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" 
      alt="Up arrow" style="transform: rotate(180deg); -webkit-transform: rotate(180deg);">
    </a>
  </section>
</section>