小弟想实现点击菜单链接跳转页面，新页面的菜单不缩在一起，展开菜单到当前的页面的项，想用cookies记录点击链接时菜单的样式，然后到新页面时读取cookies

<nav class="navbar-default navbar-static-side " role="navigation">
<div class="sidebar-collapse">
<ul class="nav" id="side-menu">

<li class="">
<a href="#"><i class="fa fa-database"></i> <span class="nav-label">基础资料</span> <span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse">
<li class="">
<a href="/PARA_TABLESES/Index" target="_blank"><i class="fa fa-link"></i>客商管理</a>
</li>
<li class="">
<a href="/BD_CUSSERVICESS/Index" target="_blank"><i class="fa fa-link"></i>航班信息</a>
</li>
<li class="">
<a href="/BD_CUSTOMSBROKERS/Index" target="_blank"><i class="fa fa-link"></i>空港信息</a>
</li>
<li class="">
<a href="/BD_DEFDOCS/Index" target="_blank"><i class="fa fa-link"></i>关区代码</a>
</li>

</ul>
</li>
<li class="">
<a href="#"><i class="fa fa-database"></i> <span class="nav-label">营销管理</span> <span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse">
<li class="">
<a href="成本查询.aspx" target="_blank"><i class="fa fa-link"></i>成本费用</a>
</li>
<li class="">
<a href="报价费用查询.aspx" target="_blank"><i class="fa fa-link"></i>报价费用</a>
</li>
<li class="">
<a href="单证管理.aspx" target="_blank"><i class="fa fa-link"></i>客户报价</a>
</li>
<li class="">
<a href="/EMS_COMPANYs/Index" target="_blank"><i class="fa fa-link"></i>...</a>
</li>
</ul>
</li>
<li class="">
<a href="#"><i class="fa fa-database"></i> <span class="nav-label">空运承揽</span> <span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse">
<li class="">
<a href="/口岸接单.aspx" target="_blank"><i class="fa fa-link"></i>承揽接单</a>
</li>
<li class="">
<a href="/仓库接单查询.aspx" target="_blank"><i class="fa fa-link"></i>仓库接单</a>
</li>
<li class="">
<a href="/test.html" target="_blank"><i class="fa fa-link"></i>退单管理</a>
</li>
<li class="">
<a href="/EMS_COMPANYs/Index" target="_blank"><i class="fa fa-link"></i>...</a>
</li>
</ul>
</li>
<li class="">
<a href="#"><i class="fa fa-database"></i> <span class="nav-label">空运结算</span> <span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse">
<li class="">
<a href="/应付账单1.aspx" target="_blank"><i class="fa fa-link"></i>应付账单</a>
</li>
<li class="">
<a href="/应收账单1.aspx" target="_blank"><i class="fa fa-link"></i>应收账单</a>
</li>
<li class="">
<a href="/EMS_ORG_G_NoChanges/Index" target="_blank"><i class="fa fa-link"></i>账单提交</a>
</li>
<li class="">
<a href="/EMS_COMPANYs/Index" target="_blank"><i class="fa fa-link"></i>账单审核</a>
</li>
</ul>
</li>
<li class="">
<a href="#"><i class="fa fa-database"></i> <span class="nav-label">财务管理</span> <span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse">
<li class="">
<a href="/ORDERS_FIRLINE_HEADs/Index" target="_blank"><i class="fa fa-link"></i>...</a>
</li>
<li class="">
<a href="/ORDERS_SECLINE_HEADs/Index" target="_blank"><i class="fa fa-link"></i>...</a>
</li>
<li class="">
<a href="nav.html" target="_blank"><i class="fa fa-link"></i>...</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>