JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"</div>
    <a id="foo" href="javascript:void(0);">Click Me</a>
    <div id="bar"></div>
</div>

CSS

#container {width:200px; height:220px;}
#foo {
    display:block; float:left;
    width:200px; height:20px; 
    text-align:center;
}
#bar {
    display:none; float:left;
    height:200px; width:200px;
    background:#000000;
}

JavaScript

$(document).ready(function(){
$('#foo').click(function() {
  $(this).siblings().toggle();
  localStorage.setItem(display, block);
});
 var block = localStorage.getItem(block);
    if(block){
        $('#bar').show()
    }
});