Использование jQuery cookie.js для запоминания скрытых / отображаемых элементов?

Я нашел отличное руководство о том, как показать и скрыть определенный div на странице. У меня код работает нормально, но я хотел бы расширить это до того, что отображение / скрытие запоминается при загрузке страницы. Я искал решение jQuery cookie был ответом .. если бы я знал, как написать реальный код, который есть .. Вот текущий фрагмент:

<script type="text/javascript">
jQuery(document).ready(function() {
 // hides the group_desciption as soon as the DOM is ready
 // (a little sooner than page load)
  jQuery('#group_desciption').hide();
 // shows the group_desciption on clicking the noted link
  jQuery('a#slick-show').click(function() {
 jQuery('#group_desciption').show('slow');
 return false;
  });
 // hides the group_desciption on clicking the noted link
  jQuery('a#slick-hide').click(function() {
 jQuery('#group_desciption').hide('fast');
 return false;
  });
 // toggles the group_desciption on clicking the noted link
  jQuery('a#slick-toggle').click(function() {
 jQuery('#group_desciption').toggle(400);
 return false;
  });
});</script>

Любая идея, как я могу добавить файлы cookie, чтобы запомнить выбор из Пользователь? Образец кода был бы отличным, так как я m все еще пытается понять jQuery / Javascript в целом :)

Заранее спасибо :)