A navigation list. Clicking on a main link opens a sub-level of navigation, while hiding any other sections that are currently open.
Why Was This Created?
An initial attempt was made using bootstrap, which works, but results in some pretty messy code. This version just uses simple unordered lists, so everything is kept as clean and semantic as possible.
1. Include jQuery in your document.
3. Create the list structure as shown below.
1. When a section is currently open, the link tag will be given a class of "accordionnav-current-section" for easy styling.
The Built Environment