Как сохранить выбранный аккордеон активным при перезагрузке страницы

Question

Я использую раскладной материал для своей навигации. Все работает отлично, за исключением случаев, когда я перезагрузить страницу. Складная крышка закрывается, и мне снова нужно вручную ее активировать. Как сделать так, чтобы складной элемент оставался активным при перезагрузке страницы?

Вот мой код:

<ul id="slide-out" class="side-nav fixed leftside-navigation">
    <ul class="collapsible" data-collapsible="expandable">
        <li>
            <a class="collapsible-header">
                <i class="material-icons">home</i> Home
            </a>
            <div class="collapsible-body">
                <ul>
                    <li ui-sref-active="active">
                        <a ui-sref="protect" ui-sref-opts="{reload: true}">
                            <i class="material-icons">dashboard</i> Dashboard
                        </a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="store" ui-sref-opts="{reload: true}">
                            <i class="material-icons">cloud_done</i> Storage
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a class="collapsible-header">
                <i class="material-icons">event_available</i>Manage
            </a>
            <div class="collapsible-body">
                <ul>
                    <li ui-sref-active="active">
                        <a ui-sref="manage" ui-sref-opts="{reload: true}">
                            <i class="material-icons">storage</i> Manage Storage
                        </a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="enroll" ui-sref-opts="{reload: true}">
                            <i class="material-icons">file_download</i> Enroll
                        </a>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</ul>

Answer 1

То, что вы хотите сделать, относится к program state, поэтому у вас нет способа сделать это, если вы не сохраните name или id активного аккордеона. это легко сделать с помощью браузера локальное хранилище .