Gracias tredio
 
Si lo dejo así tengo que cambiar el id del widget y en lugar de ponerlo arriba en la capa, tengo que ponerlo dentro de las etiquetas <p></p>
Ejemplo: widget1 así funcionaria y el widget2 no funcionaria porque en las cookies no saldría a qué widget está haciendo referencia. 
<div class="boxSidebarNEW"> 
<p id="widget1" class="head">Articulos populares</p>
	<ul class="toggle">
		<li><a href="#">Articulo 1</a></li>
		<li><a href="#">Articulo 2</a></li>
		<li><a href="#">Articulo 3</a></li>
	</ul>
</div>  
<div id="widget2" class="boxSidebarNEW">
	<p class="head">Comentarios recientes</p>
	<ul class="toggle">
		<li><a href="#">Comentario 1</a></li>
		<li><a href="#">Comentario 2</a></li>
		<li><a href="#">Comentario 3</a></li>
	</ul>
</div>  
widget1:expanded,
:collapsed,:collapsed,:collapsed,:collapsed,:collapsed 
El ul.toggle sigue sin funcionar como antes. No se despliega ni encoje. 
A qué hace referencia el this? 
$("ul.toggle", this).toggle("fast"); 
En el ejemplo del widget2 funcionaria poniendo 
$("#widget1 ul.toggle").toggle("fast"); 
Pero cómo ha cambiado la forma y ahora el id está dentro del P porque es así cómo guarda el ID del widget en la cookie, ya no puedo aplicarlo 
 
Esto es un lio!