jquery and cookie status

Question

What i'm trying to do is have a sidebar toggle open and close which is working fine but I also want cookie to remember the sidebar state when browsing site and when returning to page its on

ie: if closed be closed if open be open:

$(document).ready(function($) {
 $('a#side').click(function(){
  $('#sidebar').toggle();
$('a#side').text($(this).text() == 'Show' ? 'Hide' : 'Show');
  $.cookie('side_cookie', 'value');
 return false;
});
if($.cookie('side_cookie')) { 
$('#sidebar').hide(); 
   } else {
$('#sidebar').show();
   }
});

The current code above just remembers if its been closed and stays closed until session is ended and so you have to toggle it open each time you return to page ...

An example of what im trying to achieve can be seen at vbulletin.com/forum/ if you close their sidebar then browse the forums when you go back to main page its still closed and visa versa.

any help is appreciated

Answer 1

Ok thx guys but I got it sorted, its alot more code then I wanted as its alot of .show()/.hide() rather then .toggle() buts it works sofor now it will do:

$('a#hide').click(function(){
  $('a#hide,#sidebar').hide();
  $('a#show').show();
  $.cookie('side_cookie_hidden', 'hidden');
  $.cookie('side_cookie_show', null);
 return false;
});

$('a#show').click(function(){
  $('a#show').hide();
  $('a#hide,#sidebar').show();
  $.cookie('side_cookie_show', 'show');
  $.cookie('side_cookie_hidden', null);
 return false;
});

if($.cookie('side_cookie_hidden')) { 
$('a#show').show();
$('a#hide,#sidebar').hide(); 
   } else {
$('a#show').hide();
$('a#hide,#sidebar').show(); 
}