Detect state of object from previous page

I'm working on a mobile site that is just a bunch of .html pages in structure.

In the header of the site I have a simple Show/Hide button that us开发者_开发百科es jquery toggle() to show or hide the banner. Works perfectly but when you switch to another page obviously the banner is displayed as it can't tell that on the previous page you chose to "hide" the banner as it's rendering a new .html page.

Anyways the question is with javascript, can I detect something about the previous page to indicate that the banner should be "shown" or "hidden" when loading the next page.

My initial thought was to fire something like a specific hash tag which could be picked up using JS and indicate that the banner should remain hidden or shown (depending on the hash). I'm just not in love with the hash idea as it is at best an ugly hack.

Any thoughts on how to detect a property of the previous page that I can then use in jquery or js to operate on the banner show/hide property?

---

You could save the status of the banner (opened or closed) in a cookie.

For info on JavaScript cookies, see here: http://www.quirksmode.org/js/cookies.html

---

Store.js is built for this. It's a cross-browser javascript library for storing variables locally.

https://github.com/marcuswestin/store.js