Сохранять состояние боковой панели начальной загрузки при перезагрузке страницы

Я использую шаблон HTML под названием Metronic, чтобы создать для себя серверную часть. Этот HTML-шаблон предлагает возможность свернуть боковую панель в выбранном мной шаблоне. Однако боковая панель не сохраняет ее состояние.

Здесь вы можете протестировать шаблон: https://keenthemes.com/metronic/preview/?page=index&demo=default

Я хочу запрограммировать его так, чтобы боковая панель сохраняла свое состояние при перезагрузке страницы. Я уже нашел некоторые решения с плагином под названием js.cookie для сохранения состояния меню боковой панели на клиентском компьютере.

Однако проблема, с которой я сталкиваюсь, заключается в том, что я действительно не знаю, какой класс или идентификатор мне нужно вызвать, чтобы получить текущее состояние боковой панели, и в зависимости от этого состояния и состояния, сохраненного в cookie, переключить боковую панель. .

Это то, что я пробовал до сих пор: Сохранить состояние свертывания Twitter Bootstrap при обновлении страницы / навигации

Мой код на данный момент:

<script>
    var last=$.cookie('menuToggled');
    console.log(last);

    if (last!=null) {
        //remove default collapse settings
        $("#page-sidebar-menu-ul").removeClass('page-sidebar-menu-closed');
        //show the last visible group
        $("#"+last).collapse("show");
    }

    $("#page-sidebar-menu").bind('shown', function() {
        $.cookie('menuToggled', "page-sidebar-menu")
    });
</script>

Я назначил своему шаблону идентификаторы page-sidebar-menu и page-sidebar-menu-ul. На странице, указанной выше, идентификатор page-sidebar-menu равен m_ver_menu, а идентификатор page-sidebar-menu-ul - это элемент ul, за которым следует идентификатор m_ver_menu.

Буду признателен за любую помощь. Благодарю вас!