Tengo una web en la que necesito ocultar y mostrar elementos del menú principal a voluntad. El código me funciona bien, pues logro ocultar el elemento del menú así como mostrarlo llamando a una función respectivamente que cambia el modo del estilo del display en CSS. El problema que no logro solucionar, es como mantener las opciones elegidas aunque refresque la página (si lo hago, los cambios desaparecen). Lo he intentando con localStorage pero no se como hacer que funcione.
function ocultar() {
document.getElementById('mega-menu-item-1525').style.display = 'none';
}
function mostrar() {
document.getElementById('mega-menu-item-1525').style.display = 'block';
}
.mega-menu-item-1525 {
display: none;
}
<button id="boton_Mostrar" onclick="mostrar();">Mostrar elemento del menú</button>
<div id="mega-menu-item-1525">
<button id="boton_ocultar" onclick="ocultar();">Ocultar elemento del menú</button>
</div>