meteor - Collapsible navigation not working when using isInRole handlebars, most of the time -

i'm using inspinia theme , meteor-roles.

i'm using roles package show different navigation menus different users depending on role. i'm doing using isinrole handlebars apart of meteor-roles (scroll down "-- client --" view section).

the issue i'm having whenever use isinrole handlebars stops collapsible navigation (example: "dashboards", "graphs", forms" here) working of time. if click around few of other pages , go back, or refresh page bunch of times it'll start work, i'll refresh page , it'll stop again. also, if go directly 1 of pages in collapsed menu (ie. "users" in screenshot below) stays open , seems work should.

here's how have setup:

<template name="navigation">   {{#if isinrole 'admin'}}         {{> adminnav }}   {{/if}}    {{#if isinrole 'partner'}}         {{> partnernav }}   {{/if}} </template> 

here's example of adminnav template, removed few things try , make less cluttered, still has same issues (the collapsible part of near bottom):

<template name="adminnav">     <nav class="navbar-default navbar-static-side" role="navigation">         <div class="sidebar-collapse">              <!-- close canvas menu used on offcanvas page -->             <!-- can remove tag if dont use offcanvas menu -->             <a class="close-canvas-menu"><i class="fa fa-times"></i></a>             <!-- end offcanvas menu toggle -->              <ul class="nav metismenu" id="side-menu">                 <li class="nav-header">                     <div class="dropdown profile-element"> <span>                             <img alt="image" class="img-circle" src="{{currentuser.profile.picture}}" width="48" height="48"/>                              </span>                         <a data-toggle="dropdown" class="dropdown-toggle" href="#">                             <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">{{currentuser.profile.name}}</strong>                              </span> <span class="text-muted text-xs block">{{currentuser.accounttype}} <b class="caret"></b></span> </span> </a>                         <ul class="dropdown-menu animated fadeinright m-t-xs">                             <li><a href="{{pathfor route='profile'}}">profile</a></li>                             <li><a href="{{pathfor route='mailbox'}}">mailbox</a></li>                             <li class="divider"></li>                             <li><a href="{{pathfor route='login'}}">logout</a></li>                         </ul>                     </div>                     <div class="logo-element">                         x                     </div>                 </li>                  <li class="{{isactiveroute regex='/'}}">                     <a href="{{pathfor route='dashboard'}}"><i class="fa fa-th-large"></i> <span class="nav-label">dashboard</span> </a>                 </li>                  <!-- here collapsible part of navigation -->                  <li class="{{isactiveroute regex='manage|manage-alerts'}}">                     <a href="#"><i class="fa fa-gears"></i> <span class="nav-label">manage</span><span class="fa arrow"></span></a>                     <ul class="nav nav-second-level collapse {{isactiveroute regex='manage|manage-alerts' classname='in'}}">                         <li class="{{isactiveroute regex='manage'}}"><a href="{{pathfor route='manage'}}"><i class="fa fa-users"></i> users</a></li>                         <li class="{{isactiveroute regex='manage-alerts'}}"><a href="{{pathfor route='manage-alerts'}}"><i class="fa fa-bell"></i> alerts</a></li>                     </ul>                 </li>              </ul>         </div>     </nav> </template> 

[

any assistance here appreciated, i've searched around quite lot can't seem find info on why might doing or how can solve issue.