Question

I have several divs that a user can Minimize or Expand using the jquery toggle mothod. However, when the page is refreshed the Divs go back to their default state. Is their a way to have browser remember the last state of the div?

For example, if I expand a div with an ID of “my_div”, then click on something else on the page, then come back to the original page, I want “my_div” to remain expanded.

I was thinking it would be possible to use session variables for this, perhaps when the user clicks on the expand/minimize button a AJAX request can be sent and toggle a session variable…IDK..any ideas?

Answer 1

Ended up using this. Great Tutorial.

http://www.shopdev.co.uk/blog/cookies-with-jquery-designing-collapsible-layouts/