Navigation Dropdown Toggle

When using the Horizontal template for primary navigation, users have requested additional functionality that would allow the menu item to reveal a drop down submenu, as well as be a clickable link to it's own page. Initial discussions surfaced the idea of using a dropdown toggle button as a separate link within each menu item. This page demonstrates that idea.

Visual updates included replacing background-color hover state with a text-decoration. This seemed necessary for two reasons. First, including a background-color change on the hover state of both the anchored page and the dropdown toggle is confusing, since it would be an identical styling on actions that have two separate outcomes. Second, a hover state on both anchored page and dropdown toggle caused visual spacing issue; too much padding was needed which resulted in an extra large menu item space.