title: Bootstrap3 sub menu hide onclick sub items
body: <p>When I clicked on sub menu item my menu get closed, if I clinked on sub menu items. Please let me know how can I avoid this. 
  Actually "open" class get remove on clicking sub item.</p>
  
  <pre><code>&lt;ul class='wraplist' style="height: auto"&gt;
      &lt;li class=""&gt;
          &lt;a href="javascript:;"&gt;
              &lt;i class="fa fa-home"&gt;&lt;/i&gt;
              &lt;span class="title"&gt;{{app.translateByLocale('menu_home')}}/span&gt;
              &lt;span class="arrow "&gt;&lt;/span&gt;
          &lt;/a&gt;
          &lt;ul class="sub-menu"&gt;
              &lt;li submenu ng-show="app.checkOffSectionConfig('app_home')"&gt;
                  &lt;a href="#" ui-sref="app.home"&gt;{{app.translateByLocale('menu_home_dashboard')}}&lt;/a&gt;
              &lt;/li&gt;
              &lt;li submenu ng-show="app.checkOffSectionConfig('app_statistic')"&gt;
                  &lt;a href="#" ui-sref="app.statistic"&gt;{{app.translateByLocale('menu_home_statistics')}}&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>