tengo una pagina que oculta el footer si el usuario lo desea mediante un boton (que al clickearlo) agrega una clase con js. esto funciona perfecto. Pero cuando cambio de sección se elimina la clase y el footer vuelve a estar visible (y el usuario debe volver a ocultarlo) como podría mantener el estado del footer de una sección a la otra? paso código para que vean lo que tengo,gracias
function footer() { document.getElementById("footer").classList.toggle("esconde");}
footer { background: #808080; width: 100%; min-width: 280px; position: fixed; bottom: 0px; /* -153px a 0px ----al ocultar footer -------*/ display: block; font-family: 'encodeSemiBold'; color: #fff; cursor: pointer; transition-duration: .6s;}/*-----ocultar el footer-------*/footer.esconde { bottom: -153px; transition-duration: .6s;}/*-----------boton esconde footer----------*/footer #botonBaja { position: absolute; top: -20px; left: 50%; margin-left: -22.5px; width: 45px; height: 45px; background: #EC2894; border-radius: 50%; border: 4px solid #fff;}footer #botonBaja:after { font-family: 'icomoon'; content: '\e906'; position: absolute; top: 11px; left: 5px; transform: rotateX(0deg); transition-duration: .6s;}footer #botonBaja.esconde:after,footer #botonBaja.esconde:focus:after { transform: rotateX(180deg); transition-duration: .6s; top: 8px;}
<footer id="footer" class="" onClick="footer()"><div id='botonBaja' class=""></div><nav id="menuFooter"><ol><li><a href="nuestra_meta.php">Nuestra meta</a></li><li><a href="diseno_responsive.php">Web adaptables</a></li><li><a href="catalogo_online.php">Catálogo online</a></li><li><a href="tienda_virtual.php">Tienda virtual</a></li><li><a href="blogs.php">Blog</a></li><li><a href="diseno_grafico.php">Diseño gráfico</a></li><li><a href="planes.php">Nuestros planes</a></li></ol></nav><div class="redes"><a id="whatsapp" class="" href="#"><img src="imagenes/whatsapp.png" alt="enviar mensaje whatsapp"></a><a id="facebook" href="#"><img src="imagenes/face.png" alt="ingresar a facebook"></a><a id="compartir" href="#"><img src="imagenes/compartir.png" alt="compartir enlace"></a></div><div class="contacto"><div id="celu"></div><div id="mail"></div></div></footer>