Third level navigation examples

Dynamic option using unobtrusive 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.

The script automatically keeps the current section (indicated by a strong element instead of a link) visible, and offers the other as options.

Dangers: 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)