tech @ Beacon Deacon

Toggle Navigation

James "Jamie" Johnson

Today, I want to feature a toggle navigation that I wrote. It expands and collapses if there are sub-links and it stays open and highlights the link for the page on which it is on, expanding as necessary. In order to demonstrate this, I actually need multiple pages so you can see the effect.

First, check out the navigation:

Some things to keep in mind: Remember to download the images and change the URLs in the CSS and jQuery accordingly. I choose to use the nav markup via server-side include (SSI) to put one nav on multiple sites. All that you will need (except for the jQuery call) is here.