locked
Persist Hide/Show Master Page Bootstrap sidebar using cookie RRS feed

 > 

  • Question

  • Question
    Sign in to vote
    0
    Sign in to vote
    User-1716253493 posted

    Hi masters,

    I have sidebar in master page, there is a toggle button to show/hide the menu. I want to persist it in cookie variable.

    I try https://github.com/js-cookie/js-cookie, but i don't know how it work to toggle it

        <script>
        $(document).ready(function () {
            $('#sidebarCollapse').on('click', function () {
                $('#sidebar').toggleClass('active');
            });
        });
    </script>

    Thank you,

    Suwandi

    Friday, May 28, 2021 3:34 AM

Answers

  • Question
    Sign in to vote
    0
    Sign in to vote
    User-1716253493 posted

    I do like this, it is work when refresh the page

        <script>
        $(document).ready(function () {
            $('#sidebarCollapse').on('click', function () {
                $('#sidebar').toggleClass('active');
                if (Cookies.get('menu-state') == 'open') {
                    Cookies.set('menu-state', 'closed');
                } else {
                    Cookies.set('menu-state', 'open');
                }
            });
            if (Cookies.get('menu-state') == 'open') {
                $('#sidebar').toggleClass('active');
            }
        });
    </script>

    But, when i restart the page from vs, seem menu-state is not presisted

    • Marked as answer by An0nym0u5User Tuesday, June 22, 2021 12:00 AM
    Friday, May 28, 2021 3:51 AM