How to use the JS cookie plugin to remember user preference on hide or show div block

How to use the JS cookie plugin to remember user preference on hide or show div block

So what I got now:


Don't mind the content inside the div, its properly displayed on the phpbb forum its used on.

What tackles me at this moment is figuring out how to use

with my Js code? So that when the user hits Hide, and reloads its still hidden and you see the Show word.

All I need is a working example. Can you help me?

My understanding of js is somewhat limited this is why a working example goes a great way of making me figure out how stuff works. Just showing the cookie plugin in action as shown on that github page does little to help me out.

what I need is an example of an element being stored through the usage of this plugin or if you want to make my day provide the working code I need for this collapse stuff.