Slide Visibility

The data-visibility attribute can be used to hide slides. It can also be used to mark slides as "uncounted" in reveal.js' internal numbering system, which affects the visible slide number and progress bar.

Hidden Slides 4.1.0

To hide a slide from view, add data-visibility="hidden". Hidden slides are removed from the DOM as soon as reveal.js is initialized.

<section>Slide 1</section>
<section data-visibility="hidden">Slide 2</section>
<section>Slide 3</section>
Slide 1
Slide 2
Slide 3

Uncounted Slides

When preparing a presentation it can sometimes be helpful to prepare optional slides that you may or may not have time to show. This is easily done by appending a few slides at the end of the presentation, however this means that the reveal.js progress bar and slide numbering will hint that there are additional slides.

To "hide" those slides from reveal.js' numbering system you can use data-visibility="uncounted".

<section>Slide 1</section>
<section>Slide 2</section>
<section data-visibility="uncounted">Slide 3</section>
Slide 1
Slide 2
Slide 3