Guardar cambios css con jquery mientras navega por la web

[neodani]

Ahora no veo que de ningún error en la consola ;)

Crea la cookie pero los valores no cambian siempre son los mismos a pesar que voy pulsando encima los widgets

widget1:collapsed,widget2:collapsed,widget3:collap sed,widget4:collapsed,widget5:collapsed

Y el problema de que no se encoje la lista no he conseguido solucionarlo en el código que escribiste.

Código Javascript:

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

Por qué puede ser que no se encoja la lista ul.toggle? quizas porque .boxSidebarNEW p son todos los widgets??

Muchas gracias de antemano