Hola
PoLiZe, lo que debes hacer es incluir las funciones anteriores en tu página html. Primero te explicaré como debe funcionar todo y como haces eso utilizando las funciones:
FORMA DE LEER LA COOKIE Y ACTUALIZAR LA COLUMNA -a la que te refieres- - Al abrir la página (función window.onload) debes verificar si existe la cookie (Si existe es porque el usuario ya habia estado en tu sitio web). Verificas si existe de esta forma: var valor = leerCookie("nombredetuCookie");
- Si existe la cookie (sabes que existe porque es diferente de null), la lees y actualizas el estado final de la columna, es decir, verificas que el contenido de la variable valor y se la colocas al width de tu columna.
- Si la cookie no existe, es decir, valor == null, entonces dejas tu columna como lo deses (valor por defecto).
FORMA DE GUARDAR LA COOKIE PARA LUEGO ABRIRLA - Cuando cambias el estado de tu columna, es decir, se hace click sobre #mostrar, utilizas la función crearCookie("nombredetuCookie", valor , 365); donde valor es el ancho de tu columna y 365 el número de días que la cookie permanecerá en el cliente (sólo deja 365).
- Si presionas 50 clicks sobre #mostrar, 50 se hará lo que te mencioné en el punto anterior. Para no repetirlo tantas veces, es mejor que crees la cookie cuando el usuario salga de tu página, eso lo haces con window.onunload y hallí utilizas la función crearCookie("nombredetuCookie", valor , 365);.
Lo que te acabo de explicar lo puedes ver en el código que coloqué en el post anterior. Si te quedan dudas, no dudes en postearlas. Mucha suerte y empeño. Si lees un poco más y te esfuerzas, seguro lo harás.