Html 如何在页面重新加载时保持选定的手风琴处于活动状态

我正在使用materialize Collapsable进行导航。除了重新加载页面外，其他一切都正常。可折叠文件将关闭，我必须手动使其再次处于活动状态。如何使可折叠文件在重新加载页面时保持活动状态

这是我的密码：

<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>

家乡


仪表板


云存储




事件可用性


存储管理存储


文件下载注册

您想做的事与

程序状态有关，因此除非您保存活动手风琴的
名称或
id
，否则无法完成此操作。这可以使用浏览器轻松完成。
您可以a）包括基于路由路径更新适用变量的逻辑b）将适用变量存储到本地存储器，并在重新加载时将其拉回来。