Question

I just wrote this code to use a slide to toggle a box as hidden/displayed using a button:

jQuery("#button").click(function () {
    jQuery('#box').slideToggle('fast');
});

I want to implement cookies on this to remember if the box was hidden or visible. Can someone guide me with this?

Answer 1

There is a jQuery Cookie plugin available, which will make reading and writing to and from cookies a lot easier and more convenient. Here is an example:

// if the slider is visible, set the cookie slider value to true
$.cookie('slider', 'visible', { expires: 7, path: '/' });

To read the value, use the following as an example:

var sliderVisible = $.cookie('slider');

More information can be found on the jQuery Cookies Plugin Site.