title: Bootstrap collapse and ui-router
body: <p>I have issue with <code>ui-router</code> and using bootstrap collapse. </p>
  
  <pre><code>&lt;div class="panel panel-default" id="accordion" &gt;
      &lt;div role="tab" id="headingOne"&gt;
         &lt;a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne"&gt;
              Click me
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"&gt;
              Data
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>This is the page <code>localhost/#/root/mypage/</code>. So the 'Click me' is pointed to <code>localhost:\#collapseOne</code> that leads me to default page of my site.</p>