Guardar cambios css con jquery mientras navega por la web

[tredio]

prueba poniendo la clase "widget" a todos los widgets y prueba algo asi:

Código Javascript:

var saveCookie = function(){
    var widgetsEstate = [];
    $('.widget').each(function(i,elem){
        var widget = $(elem);
        widgetsEstate.push( elem.attr('id') + ':' + (widget.is(".active") ? 'expanded' : 'collapsed') ) );
        $.cookie('show_widget', widgetsEstate.join(','));
    });
} 
 
$(".widget p").click(function(){
        $("ul.toggle", this).toggle("fast");
        $(this).toggleClass("active");
        saveCookie();
        return false;
    });