Question

is there a way to store a class name in localstorage ?? If there is a way how to do it ??

There is a panel which is hidden at the beginning, by clicking on the button panel shows, i would like to store information, after click, whether the panel is hidden or shown

my jquery code

$("#button").click(function () {
        $("#searchWraper").slideToggle(1000);
    });

Answer 1

Modify your code to add a callback

$("#searchWraper").slideToggle(1000, ToggleDisplayStatus());

Making use of these methods to store information in LocalStorage (with Cookie fallback…)

function setLocalStorage(c_name, value) {
    var exdays = 30;
    // if localStorage is present, use that
    if (('localStorage' in window) && window.localStorage !== null) {
        localStorage[c_name] = value;
    } else {
        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;
    }
}

function getLocalStorage(c_name) {
    // if localStorage is present, use that
    if (('localStorage' in window) && window.localStorage !== null) {
        return localStorage[c_name];
    } else {
        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);
            }
        }
    }
}