Guardar función en local storage para cuando vuelvas a cargar la página

[Bodhidarma]

Hola,

Tengo un código donde al darle un botón hace que aparezca (o desaparezca si se vuelve a dar) un apartado de una lista del menú. Quiero guardarlo con local storage para que a pesar de navegar por la web el valor se quede guardado. Encontré algo: http://www.taringa.net/comunidades/webdesign/6552330/Mostrar-ocultar-div-guardando-con-localStorage.html pero no me aclaro mucho... Si alguien me pudiese ayudar... gracias.

Código:

Código:
JAVASCRIPT:

function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre de la etiqueta DIV que deseamos mostrar */
}

HTML5

Código HTML:

****MENÚ NAVEGACIÓN****
...
<li id="contenido_a_mostrar"><a href="fotografia.html">Fotografia <input type="checkbox" checked/></a></li>
...
****FIN MENÚ NAVEGACIÓN****

<input type="button" onclick="muestra_oculta('contenido_a_mostrar')" value="Apuntarse/Desapuntarse"/> 

[IsaBelM]

en lugar de usar storage, en este post uso window.name

[Bodhidarma]

Lo he probado y aunque funciona si solo lo hago con un apartado de la lista del menú (si pruebo a hacerlo con 2 apartados diferentes de la misma lista se me ralla, aún no se si hago algo mal o es que no se puede), necesito hacerlo con local storage, o si se puede de otra manera, de manera que al cerrar la página y volver a acceder a ella, esa lista que se ha decidido ocultar se quede oculta o al revés, si se ha decidido mostrar que quede como visible.

[IsaBelM]

window.name, localstorage, variables o cookies pueden almacenar distintos tipos de datos (strings, numbers, arrays, objetos, etc..)

[Bodhidarma]

Hola IsaBelM,

Ya casi lo he conseguido, he probado a hacerlo con jquery. Perdona que me explique tan mal, lo que quiero es algo como lo que pongo a continuación. Lo único que no consigo es que aparezca el link:

Código:

$("#vamoalla").on("click",function(){ 
                 if ($("#contenido_a_mostrar").is(":hidden") )
                 {
                     $("#contenido_a_mostrar").show(); 
                     localStorage["cursofoto"]="apuntado";
                 }
                 else
                 {
                     $("#contenido_a_mostrar").hide(); 
                     localStorage["cursofoto"]="noapuntado"
                 }
            })

Código:

$(document).ready(function(){
                /*si el valor no es undefined significa que la variable ya fue seteada con un valor*/ 
                if (localStorage["cursofoto"]!=undefined)
                {
                    /*condicionamos el valor del estado para dar uns instruccion si cerrar o abrir*/
                    switch(localStorage["cursofoto"])
                    {
                        case 'apuntado':
                            $("#contenido_a_mostrar").show(); 
                            break;
                        case 'noapuntado':
                            $("#contenido_a_mostrar").hide();
                            break;    
 
                    }
                }
 
            })

y lo quiero aplicar sobre esto

<li id="contenido_a_mostrar" style="display:none"><a href="fotografia.html" target="_blank">Fotografia <input type="checkbox" checked/></a></li>