Ver Mensaje Individual
  #4 (permalink)  
Antiguo 19/06/2011, 06:26
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

Muy buenas,

Estoy intentado trabajar con cookies y jquery para conseguir guardar el estado de unos desplegables cuando el usuario cambia de pagina pero no lo consigo, agradecería que alguien me echase un mano.

Ya me he bajado la libreria jquery.cookie.js https://github.com/carhartl/jquery-cookie y se crear cookie básicas y leerlas pero no como lo quiero hacer.

Tengo varios widgets así los llamo, que no son mas que capas independientes en el sidebar de la página. Y con un toggle hago que se encoja la información de estos widgets. Me interesa guardar el estado de los widgets de la página para que si el usuario navega por otra sección, los widgets se muestren tal y como los dejó el usuario en la página anterior.


Código Javascript:
Ver original
  1. $("#widget1 p").click(function(){
  2.         $("#widget1 ul.toggle").toggle("fast");
  3.         $(this).toggleClass("active");
  4.         return false;
  5.     });
  6.     $("#widget2 p").click(function(){
  7.         $("#widget2 ul.toggle").toggle("fast");
  8.         $(this).toggleClass("active");
  9.         return false;
  10.     });
  11.     $("#widget3 p").click(function(){
  12.         $("#widget3 ul.toggle").toggle("fast");
  13.         $(this).toggleClass("active");
  14.         return false;
  15.     });

Cómo puedo almacenar el estado de ellos, si la propiedad que tengo es toggle, si creo dentro de ahí una cookie me guardará el estado cada vez que se pulse pero como se yo que está desplegado o encogido, no veo la forma.

Me podéis ayudar?

Muchas gracias de antemano