Skip to main content Link Menu Expand (external link) Document Search Copy Copied

Menu bar for sub-menu items. These are found on the “Learn” pages to help navigation between learn pages. On mobile devices the menu is an wrapped in an accordion and compressed by default to save some space.

Cook book

  • Edit the page
  • Click a “+” sign where you want to insert
  • Select “Code”
  • Paste the following code block
  • Adust parameters as needed
<script> 
$(document).ready(function() {
   subMenuBar('#subMenu','adventure');
});
</script>
<div id="subMenu"></div>

Usage:

subMenuBar(SelectorID, Active)

Parameters:

Parameter Description
SelectorID Required.
The selector to contain the menu bar (default = '#subMenu').
Active Optional.
The active button choice. (default = '')
  • adventure
  • birthdays
  • camp
  • outreach
  • field
  • distance

Return Value:

None

Menu Bar Screenshot

Alt Menu Bar