JSFiddle - React, Tailwind, and code Playground

by Manirajss

HTML

<span class="close-open"></span>
<div class="box">Test Box Toggle</div>

CSS

.close-open {
    background:red;
    width:50px;
    height:50px;
    float:left;
}
.box {
    background:blue;
    width:100px;
    height:100px;
    float:left;
    clear:left;
    margin:40px 0px 0px 0px;
    color:#f4f4f4;
}

JavaScript

$(document).ready(function(){
                             if(sessionStorage.isVisible == "false" ){
                                 $(".box").hide();
                                 sessionStorage.isVisible = "true";
                             }
                             else
                                 sessionStorage.isVisible = "false";
  $(".close-open").click(function(){           
    sessionStorage.isVisible = $(".box").toggle(400).is(':visible');
  });
});