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!