Scrip de javascript para ocultar/mostrar elementos tras refrescar la página

[RiasChan]

Tengo un problema. EN el codigo q les dejo abajo, lo que hace correctamente es ocultar/mostrar lo que esté entre el <div> por medio de dos botoncitos. Lo hace bien sin drama. Lo que me gustaria es que ese estado (mostrado u ocultado) perdure en la página cuando voy a otro hypervinculo de la pagina.

O sea que quede recordado si el usuario esta mostrando o ocultando esa sección. Seguramente sea metiendo un IF por algun lado pero no sé como hacerlo.

Agradecira que me ayudaranb, gracias!

Código [Seleccionar] Expandir


<script languague="javascript">
        function mostrarCate() {
            div = document.getElementById('flotanteCate');
            div.style.display = '';
        }

        function cerrarCate() {
            div = document.getElementById('flotanteCate');
            div.style.display = 'none';
        }
</script>

<input type="button" value="Mostrar Categorias" onclick="mostrarCate()" />
<input type="button" value="Ocultar Categorias" onclick="cerrarCate()" />


<div id="flotanteCate" style="display:none;">



Todo Esto se oculta/Muestra




</div>



[#!drvy]

Tendrias que guardar una cookie o un dato de forma local para que perdure en otra session.

https://www.w3schools.com/html/html5_webstorage.asp
https://www.w3schools.com/js/js_cookies.asp

Saludos