Need Help Adding A Cookie

Need Help Adding A Cookie

Im using jquery with the cookie plugin and I have multiple image buttons that can hide/show multiple elements.

My question is how can I add a cookie to this code to remember whether each seperate element is opened or closed?

The code,
  1. $(document).ready(function() {

  3. // choose text for the show/hide link - can contain HTML (e.g. an image)
  4.     var showText='<div class="expanddown"></div>';
  5.     var hideText='<div class="expandup"></div>';

  7. // initialise the visibility check
  8.     var is_visible = false;

  10. // append show/hide links to the element directly preceding the element with a class of "toggle"
  11.     $('.toggle').prev().append('<a href="#" class="togglelink">'+hideText+'</a>');

  13. // capture clicks on the toggle links
  14.     $('a.togglelink').click(function() {

  16. // switch visibility
  17.     is_visible = !is_visible;

  19. // change the link depending on whether the element is shown or hidden
  20.     $(this).html( (!is_visible) ? hideText : showText);

  22. // toggle the display - uncomment the next line for a basic "accordion" style
  23. //$('.toggle').hide();$('a.toggleLink').html(showText);
  24.     $(this).parent().next('.toggle').slideToggle('fast');

  26. // return false so any link destination is not followed
  27. return false;
  28. });
  29. });
HTML,
  1. <a class="togglelink" href="#"></a>

  3. <div class="toggle">
  4. Content
  5. </div>