multiple "collapsable <div>'s" in cookie

multiple "collapsable <div>'s" in cookie

  2. if($.cookie("panelState") == undefined) {
  3. $.cookie("panelState", "collapsed");
  4. }
  5. var state = $.cookie("panelState");
  6. if(state == "collapsed") {
  7. $(".toggle_container").hide(); 
  8. }
  10. $("h2.trigger").click(function(){
  11. if($.cookie("panelState") == "expanded") {
  12. $.cookie("panelState", "collapsed");

  14. } else {
  15. $.cookie("panelState", "expanded");
  16. }
  17. $(this).toggleClass("active").next().slideToggle("slow");
  18. return false; //Prevent the browser jump to the link anchor
  19. });
  20. });

Hello,

I use jquery for hiding/collapsing a <div>-tag. Now I want to save the state of the panel in a cookie. (so the state is still the same after reloading the page) (cookie-plugin)
My problem is, that I have more than one "collapsable <div>-tags" on the same page. How can I modify my code, so that it works for each of my "collabsable boxes"? (the state of each one has to be stored in a cookie separately!)

Thanks!!
Léo

    • Topic Participants

    • info