Search code examples
jquerycsshtmlbackvisible

Hide Div with jQuery Once Back Button Clicked

I'm working on a site which has a div out of sight until a link is clicked.

This all works fine until the back button is pressed, and the "new" div is still displayed.

How can I set it up so that when the back button is clicked, the homepage reverts to its original state?

See http://electrickiwi.co.uk/test/fatr/3 for the example. If you click on the "News" link, a new div appears with a menu and content area. Click on "Home" and the div disappears, taking you back to the original homepage. Try clicking "News" again and then clicking the back button. The menu background (div.left) disappears, but the actual menu still shows up.

I think this is because the menu is in a fixed position; which it needs to be; but I want it to be hidden again when the back button is pressed.

Is there an easy way to do this?

Solution

  • You need to put this code below inside your hashchange callback

    jQuery("#content").fadeOut(1300)