Основываясь на комментарии Куонга ле Нгока, вы можете сделать что-то вроде этого.Этот код должен запускаться при загрузке страницы:
var key = "menuState";
try
{
/*Determine if the menu was closed, or if element does not exist in localstorage*/
var menuOpen = localStorage.getItem(key);
if (menuOpen === null || menuOpen === 'FALSE')
{
closeNav(); //Close the menu.
}
else
{
openNav(); //Otherwise, the menu was open. Open it.
}
}
catch (ex)
{
console.log("Unable to access local storage to update menu state. " +ex.message);
}
Теперь в ваших openNav()
и closeNav()
вы можете увидеть значение локального хранилища для элемента состояния меню.
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.body.style.backgroundColor = "rgb(0,0,0)";
localStorage.setItem(key, 'TRUE'); //Mark menu as open.
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.body.style.backgroundColor = "black";
localStorage.setItem(key, 'FALSE'); //Mark menu as closed.
}