FooNav.js can also have custom menu items passed to it rather than having it auto-generate them from page content. To do this you must supply each item to the initializer and it will build the menus from them.
The JavaScript
FooNav.init({
items: [{
href: 'http://fooplugins.github.io/foonav',
text: 'Home'
},{
href: '#playground',
text: 'Playground',
children: [{
href: 'http://fooplugins.github.io/foonav/docs/playground.html#options',
text: 'Options'
}]
},{
href: 'https://github.com/fooplugins/foonav',
text: 'GitHub Repo'
}]
});