Javascript 引导切换导航项目以在单击后保持打开状态

我有简单的引导3切换导航：

<ul class="nav navmenu-nav clearfix" >
    <li class="navmenu-brand dropdown clearfix">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" data-delay="5000"><i class="fa fa-home"></i><i class="title"> Menu item 1 </i><span class="fa fa-chevron-left"></span></a>

        <ul class="dropdown-menu" role="menu">
            <li class="clearfix">
                <a href="url 1">test 1</a>
            </li>               
            <li class="clearfix">
                <a href="url 2">test2</a>
            </li>   
        </ul>
    </li>

    <li class="navmenu-brand dropdown clearfix">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="fa fa-video-camera"></i><i class="title"> menu item 2 </i><span class="fa fa-chevron-left"></span></a>

        <ul class="dropdown-menu" role="menu">
            <li class="clearfix">
                <a href="url 3">Test 3</a>
            </li>
            <li class="clearfix">
                <a href="url 4">Test 4</a>
            </li>
        </ul>
    </li>
</ul>   

我需要在点击测试1并进入该页面时，在该页面上打开菜单的该部分。等等，如果我点击测试3，url将我带到测试3页面，打开菜单的第二部分

我尝试过类似的问题，但没有结果，当转到页面时，菜单被折叠

---

我没有太多时间，但我将为您建议一个程序。因此，我建议您使用cookies使用Jquery保存变量： 您可能需要调用此函数：

，github上的插件链接就在这里：

现在给你所有的下拉链接一个id

<a href="#" id="currentvalue" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="fa fa-video-camera"></i><i class="title"> menu item 2 </i><span class="fa fa-chevron-left"></span></a>

您可以设置到期日期

$.cookie('cookieName', 'myVariable', { expires: 1 });//expires after a day

在另一个页面中，读取cookie并将其存储在新变量中：

newVariable = $.cookie('cookieName');

使用该变量启用下拉列表

$(newVariable).dropdown('toggle'); 

---

您可能需要检查的其他事项是：，

您必须在会话中存储一个变量。当页面打开时，根据会话中存储的变量，可以打开菜单中相应的选项卡。

$(newVariable).dropdown('toggle');