Use HTML5 localstorage to retain jQuery toggle state on page refresh

Question

I just learned about the HTML5 \"localstorage\" function. I have been attempting to implement it in conjunction with jQuery toggle in order to cause a div to remain in it\'s

Answer 1

Try

$(document).ready(function () {
    $('#foo').click(function () {
        $(this).siblings().toggle();
        //you need to pass string values, your variables display & block was not defined
        localStorage.setItem('display', $(this).siblings().is(':visible'));
    });
    var block = localStorage.getItem('display');
    if (block == 'true') {
        $('#bar').show()
    }
});

Demo: Fiddle