Third level navigation examples

Dynamic slideout option (uses JavaScript)

This option uses JavaScript to show and hide the third level. Users without JavaScript will have it either in the left hand navigation or as any of the first three options.

Dangers: The current section is not visible, and users will have to click the section link again to get to the options. This might be confusing. For users without JavaScript we need to alter the CSS of the main section to ensure there is enough space for the navigation and the content gets pushed down.

• Top Level (CSS only)
• Top Level (CSS columns)
• Top Level (CSS inline)
• Dynamic option (uses JavaScript)
• Dynamic slideout option (uses JavaScript)
• Top Level (CSS and dropdown - might be a .NET issue)
• Top Level (Tridion and dropdown - might be a .NET issue)