Сохранить состояние меню с помощью localalstorage

Question

Я пытаюсь сохранить состояние меню, используя localalstorage. Я использую код ниже jquery для переключения моего меню

    <nav id="sidebar" class="active">

    <ul class="menu">
    <li> <a href="#">Customer</a> </li>
    <li> <a href="#">Sales</a> </li>
    </ul>
    </nav>

    <div>
   <button id="sidebarCollapse"> Collapse </button>
    Right Content
    </div>

мой jquery код

    <script>
    $(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
        $("#sidebarCollapse").on("click", function () {
            $("#sidebar").toggleClass("active");
            $(this).toggleClass("active");


        });
    });
</script>

моя функция отображения / скрытия меню работает хорошо. но когда я скрываю меню и перезагружаюсь, меню появится снова. Как сохранить состояние меню с помощью localstorage? Вы можете мне помочь.

Answer 1

Нашел решение в этой теме и применил. Надеюсь, что это работает.

   $('#sidebar').toggleClass(window.localStorage.toggled);


   $("#sidebarCollapse").on("click", function () {
       if (window.localStorage.toggled != "with_toggle" ) {
          $("#sidebar").toggleClass("active", true);
          $(this).toggleClass("active", true);
          window.localStorage.toggled = "with_toggle";
       } else {
          $("#sidebar").toggleClass("active", false );
          $(this).toggleClass("active", false );
          window.localStorage.toggled = "";
       }

   });