Ver Mensaje Individual
  #7 (permalink)  
Antiguo 21/06/2011, 11:33
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 8 meses
Puntos: 20
Respuesta: Guardar cambios css con jquery mientras navega por la web

Hola tredio, muchas gracias por tu comentario

Lo estoy intentando pero me da un error de sintaxis en la consola del firebug que no consigo solucionar.

missing ; before statement
widgetsEstate.push( elem.attr('id')...ve") ? 'expanded' : 'collapsed') ) );


Lo tengo de la siguiente manera

Código Javascript:
Ver original
  1. var saveCookie = function(){
  2.         var widgetsEstate = [];
  3.         $('.boxSidebarNEW').each(function(i,elem){
  4.             var widget = $(elem);
  5.             widgetsEstate.push( elem.attr('id') + ':' + (widget.is(".active") ? 'expanded' : 'collapsed') ) );
  6.             $.cookie('show_widget', widgetsEstate.join(','));
  7.         });
  8.     };
  9.  
  10.     $(".boxSidebarNEW p").click(function(){
  11.             $("ul.toggle", this).toggle("fast");
  12.             $(this).toggleClass("active");
  13.             saveCookie();
  14.             return false;
  15.         });

He puesto .boxSidebarNEW porque así es como se llama la clase de los widgets que te pego su estructura html para que los veas


Código HTML:
Ver original
  1. <div id="widget1" class="boxSidebarNEW">
  2.             <p class="head">Articulos populares</p>
  3.             <ul class="toggle">
  4.                 <li><a href="#">Articulo 1</a></li>
  5.                 <li><a href="#">Articulo 2</a></li>
  6.                 <li><a href="#">Articulo 3</a></li>
  7.             </ul>
  8.         </div>
  9.  
  10.         <div id="widget2" class="boxSidebarNEW">
  11.             <p class="head">Comentarios recientes</p>
  12.             <ul class="toggle">
  13.                 <li><a href="#">Comentario 1</a></li>
  14.                 <li><a href="#">Comentario 2</a></li>
  15.                 <li><a href="#">Comentario 3</a></li>
  16.             </ul>
  17.         </div>
  18.        
  19.         <div id="widget3" class="boxSidebarNEW">
  20.             <p class="head">Articulos al azar</p>
  21.             <ul class="toggle">
  22.                 <li><a href="#">Articulo 1</a></li>
  23.                 <li><a href="#">Articulo 2</a></li>
  24.                 <li><a href="#">Articulo 3</a></li>
  25.             </ul>
  26.         </div>

Muchas gracias de antemano