Guardar cambios css con jquery mientras navega por la web

[neodani]

El error de depuración lo he conseguido solucionar así

Código Javascript:

var saveCookie = function(){
        var widgetsEstate = [];
        $('.boxSidebarNEW').each(function(i,elem){
            var widget = $(elem);
            widgetsEstate.push( elem.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;
    });
 

Pero la cookie no me la crea y tampoco me encoje y despliega los items del sidebar al pulsar sobre la cabecera del sidebar :S

Mirando la consola veo que al pulsar sobre el widget me sale el siguiente error:

elem.attr is not a function
widgetsEstate.push( elem.attr('id')...ive") ? 'expanded' : 'collapsed') );

Pude haber cambiado algo en la depuración anterior? :S

Gracias de antemano!