By contextual sub-menus, I mean a site menu designed to reveal the sub-menu items only after clicking the primary menu item. Our theme uses superfish for the drop-downs.
Here's what the drop-down looks like...
Here's what happens when a menu item is clicked
The drop down for the active menu item is disabled.
We wanted
- the interface to be clean without too many menu items available on page load
- the user to see before hand what other content is related to the menu item, without having to click through
- the user to see all sub menu items once having clicked one of the related menu items and not have to hover the mouse over the dropdown
- to load content first with primary links absolutely placed and assigned a fixed top position value.
- to use what options are available and not write any custom javascript
- that the navigation meets accessibility requirements and works across most browsers
I've never seen examples of both drop-downs and contextual menu items used together. Have you? What do you think? Are there other ways to do this?