Can JScript set a boolean in HTML or CSS??

largelylivin

Still trying to dig my way out of this design hole that I've dug.

Three (3) Home Pages: homepage (default, for business), Family, and Friends. The problem is that the galleries that in Friends I want to show some galleries or suncats from Family, and vice versa..

Example: From homepage, I vector to http://largelylivin.smugmug.com/Friends, my Friends galleries show and my special nav bar for this page shows, Great! Now, I want a nav button to bring up the subcat "Brad & Melanie" which is in the Category Family.

So, as soon as that button is pushed, I am vectored to http://largelylivin.smugmug.com/Family and the special navbar for Family gets displayed.

Of course this little side effect is caused by the CSS:

.category_Family #familywrapper { display: block;}
.category_Friends #friendswrapper { display:block;}

So, the problem is that I need to decouple the choice of Navbar from the category that I am currently in.

Now, one very eligant solution would be CSS

.special_switch_Family #familywrapper { display: block;}
.special_switch_Friends......

and then in the HTML I would execute special JS code to set special_switch <SPECIAL special_switch set to JS>before I vector off to Family or Friends or whatever.

Any suggestions for the special JS code<SPECIAL JS code>???