JSFiddle - React, Tailwind, and code Playground

HTML

<button id="hide">hide</button>
<button id="show">show</button>
<div class="advanced">advanced (btn show)</div>
<div class="basic">basic (btn hide)</div>

CSS

.advanced {
    background:red;
    width: 200px;
    height: 50px;
    display: none;
}
.basic {
    background:yellow;
    width: 200px;
    height: 50px;
}

JavaScript

$(document).ready(function () {
    $(".advanced").css('display', localStorage.getItem('advanced'));
    $(".basic").css('display', localStorage.getItem('basic'));
    $("#hide").click(function () {
        $(".advanced").hide();
        $(".basic").show();
        localStorage.setItem('advanced', 'none');
        localStorage.setItem('basic', 'block');
    });
    $("#show").click(function () {
        $(".advanced").show();
        $(".basic").hide();
        localStorage.setItem('advanced', 'block');
        localStorage.setItem('basic', 'none');
    });
});