INSTRUCTIONS

NOTE THAT THIS CONTENT SWITCHER IS NOT BUILT TO HAVE INTER-MENU LINKS, MEANING A LINK WITHIN ONE TAB, WHEN CLICKED, WON'T OPEN THE CONTENT OF ANOTHER TAB. FOR THIS, USE THE CONTENT SWITCHER WE HAD TO USE ON VIRTUAL GUARDIAN, INCLUDED IN THE FOLDER.

1. include a call for jquery library, if not already in the theme

2. Include the following function defintion in the page or in your scipts.js file:

3. Include either of these function calls on the page or your script.js file, one for only 1 instance or set of content switcher or the other for mulitple instances. This page uses the mulitple instance call:

4. Include this css in your style.css file, along with other optional styles to make this look prettier:

5. HTML structure as outlined in the notes below. DO NOT FORGET TO MATCH THE IDS FROM MENU TO CONTENT AS NOTED BELOW, ADD "SET" CLASS NAMES AND INCREMENT THE "switcher-panel" ID AS NOTED BELOW FOR EACH NEW SET (INSTANCE)