how can i set cookie for toggle div with jquery
===

I have a little problem with toggle div. In this program there is main two div.
one is box2 and box. 
when user open my page first time so only box2 is visible for the use but when he/she click on box2 so it's expand and display other div. 
So after open box2 if user reload or change it's page that div has to be open but I don't know how can i set cookie into that.
please check here(http://jsfiddle.net/wasimkazi/fauNg/18/)   



    function getCookie(c_name) {
    var i, x, y, ARRcookies = document.cookie.split(";");
    for (i = 0; i < ARRcookies.length; i++) {
        x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
        x = x.replace(/^\s+|\s+$/g, "");
        if (x == c_name) {
            return unescape(y);
          }
       }
    }

    function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value) + ((exdays === null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;
    }

    var widget2 = $(".widget2"),
    box2 = $(".box2");

    widget2.hide();
    box2.click(function() {
    $(this).next(widget2).slideToggle("fast", function() {});
    });

    var inner = $(".inner"),
    box = $(".box");

    inner.hide();
    box.click(function() {
    $(this).next(inner).slideToggle("fast", function() {
      });
    });
