How to use jQuery cookie to remember a trigger class for all URLs of the website and not just a page -

the following code example using jquery cookie remember latest trigger class side-bar navigation. remember if side-bar collapsed or open , keep same status after refresh or reload.

however remembering latest class each page separately , not whole website. example if side-bar collapsed in page1, need collapsed in page2 , other pages until click uncollapse. saving side-bar class each page separately.

i running website locally on local server.

here code in jsfiddle: http://jsfiddle.net/hjak3/3/

here html:

<div id="side-bar">      side-bar menu <br /><br />               page1 <br /><br />              page2     </div>  <button class="collapse">     test </button> 

here js code:

if($.cookie("state") == 1) {   $('#side-bar').addclass("collap"); } else { $('#side-bar').removeclass("collap"); }  $(".collapse").click(function() {     $("#side-bar").toggleclass("collap"); if($("#side-bar").hasclass("collap")) {     $.cookie("state", 1); } else {     $.cookie("state", 0); } }); 

have tried :

create expiring cookie, valid across entire site:

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' }); 

for more info go https://github.com/carhartl/jquery-cookie