Javascript 在引导折叠侧栏导航中添加Cookie

Javascript 在引导折叠侧栏导航中添加Cookie,javascript,jquery,angularjs,html,css,Javascript,Jquery,Angularjs,Html,Css,我的HTML代码: <div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1"> <div id="sidebar-wrapper"> <ul class="sidebar-nav navbar-nav" id="sidebar"> <li class="dropdown"><a href

我的HTML代码:

<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
          <div id="sidebar-wrapper">
            <ul class="sidebar-nav navbar-nav" id="sidebar">
              <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI System">EAI System<i class="fa fa-desktop sub_icon"></i></a>
                <ul class="dropdown-menu forAnimate relative" role="menu">
                  <li><a href="#" title="Service Catalog">Service Catalog<i class="fa fa-cogs sub_icon"></i></a></li>
                  <li><a href="#" title="Environment">Environment<i class="fa fa-cloud sub_icon"></i></a></li>
                  <li><a href="#" title="Onboarding Checklist">Onboarding Checklist<i class="fa fa-list-alt sub_icon"></i></a></li>
                  <li><a href="#" title="Active Userlist">Active Userlist<i class="fa fa-user sub_icon"></i></a></li>
                </ul>
              </li>
              <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI Troubleshooting">EAI Troubleshooting<i class="fa fa-exclamation-circle sub_icon"></i></a>
                <ul class="dropdown-menu forAnimate relative" role="menu">
                  <li><a href="dashboard.html" title="Troubleshooting">Troubleshooting<i class="fa fa-exclamation-circle sub_icon"></i></a></li>
                </ul>
              </li>
              <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI Deployment">EAI Deployment<i class="fa fa-share sub_icon"></i></a>
                <ul class="dropdown-menu forAnimate relative" role="menu">
                  <li><a href="#" title="Deployment Log">Deployment Log<i class="fa fa-check-square-o sub_icon"></i></a></li>
                  <li><a href="#" title="Test Results">Test Results<i class="fa fa-server sub_icon"></i></a></li>
                </ul>
              </li>
              <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI Reports">EAI Reports<i class="fa fa-line-chart sub_icon"></i></a>
                <ul class="dropdown-menu forAnimate relative" role="menu">
                  <li><a href="#" title="Reports">Reports<i class="fa fa-line-chart sub_icon"></i></a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>


此引导菜单位于母版页中。我的问题是当我点击任何折叠并点击链接时。下一页使用打开的折叠面板打开。

尽管在Angular中不首选使用jquery,如中所述,您可以使用:

$('#bs-sidebar-navbar-collapse-1').collapse('hide')
隐藏折叠菜单。
您可以在加载时的新视图控制器中执行此操作

你在用twitter引导吗?我在用引导