JSFiddle - React, Tailwind, and code Playground
HTML
<div id="myMenu">
Menu
</div>
<input type="button" id="myButton" value="Toggle" />
JavaScript
function getVisible(){
var value = localStorage.getItem('visible');
return value == '1';
}
function setVisible(visible){
localStorage.setItem('visible', (visible ? '1' : '0'));
}
function menu(id)
{
if(!getVisible()) {
document.getElementById(id).style.display = "block";
setVisible(true);
} else {
document.getElementById(id).style.display = "none";
setVisible(false);
}
}
window.onload = function(){
// assign button click
document.getElementById("myButton").onclick = function(){
menu('myMenu');
};
// show or hide it depending on the setting
var id = "myMenu";
if(getVisible()){
document.getElementById(id).style.display = "block";
} else {
document.getElementById(id).style.display = "none";
}
}