Trying to make my own expand collapse script for each div content

Trying to make my own expand collapse script for each div content

So I found out that the plugin I tried to get to work isn't really meant for my end goals.

Its mean to translate a series of blocks into an accordion you can expand and collapse each section of.

This I do not want.

I do not want blocks stacked against each other.

Instead I want seperate divs that I can click a link for to hide and show with cookie.

I tried making it but failed I think: 


1) The font awesome is loaded and I tried adding an icon in the html and it works but in the css it doesn't seem to show up. See the red block. I got in the css a minus (for hide) and a plus icon (for show)

2) The expand and collapse works but not as it should and I need to make it work per #collapse-headings div that you can choose which headings you want to collapse.

What do I mean with headings? notice the plus icon to the far right? It works but it hides all headings or shows all not seperatly... This is why I need to make a plugin of my own making as I can't find anything for doing this. 
So lets have some fun and give this a shot. 


3) I've had help before with the cookie plugin but to use it is different for each situation. This situation is diff then the one I had before so I couldn't resuse the cookie code, I need a new one for this little script I think. 

Which I've loaded in the fiddle. 

Maybe I need to use something like this: 
  1.     // Use a cookie counter to allow multiple instances of the plugin
  2.     var cookieCounter = 0;