Reveal.js-menu

A slideout menu for navigating reveal.js presentations

Created by Cycle263

Hey There

Have you ever used reveal.js and wanted jump
somewhere else in your presentation?

The slide overview is great but perhaps you want to
change slides without your audience seeing everything.

Perhaps you need to quickly change the
theme without editing the slide source.

Give reveal.js-menu a try

fragment There

grow

shrink

fade-out

Appears last

Appears first

Appears second

See the     in the corner?

Click it and the menu will open from the side.

Click anywhere on the slide to return to the presentation,
or use the close button in the menu.

Or you can open the menu by pressing the m key.

You can navigate the menu with the keyboard as well.
Just use the arrow keys and <space> or <enter> to change slides.

You can disable the keyboard for the
menu in the options if you wish.

Slide Titles

The menu uses the first heading to label each slide
but you can specify another label if you want.

Use a data-menu-title attribute in the section element to give the slide a custom label, or add a menu-title class to any element in the slide you wish.

You can change the titleSelector option and use
any elements you like as the default for labelling each slide.

Transitions

You can also change the default
transition style from the menu.

Custom Panels

Create your own custom menu panels where
you can add your own html content.

Custom panels support menu items so you
can create your own menus that look and
behaviour just like the other menus.