Simplemenu

for Reveal.js

Option selectby: 'name'

What it does

Simplemenu links sections to the menu by an attribute, which is defined by selectby. By default it is 'id', but you can also set it to 'name' as in this example.

JavaScript

Set the selectby option to 'name'.

…
Reveal.initialize({
	simplemenu: {
		selectby: 'name',
	},
	plugins: [ Simplemenu ]

HTML Markup

Make sure that the text content of your links is the same as the 'name' attribute of your sections. In the example below it is literally "Put some text here".

<div class="menubar">
    <ul class="menu">
        <li>
            <a href="#">Put some text here</a>
        </li>
    </ul>
</div>
<div class="slides">
    <section name="Put some text here">
        //...
    </section>
        //...
</div>

That's it!