Bootstrap Collapse: Works well on home but not inside

[john-doe]

Greetings. I'm develoing a custom template but i'm having the following problem:

In the template i defined an area for a module which is inside a bootstrap collapse item. I'm working in Bootstrap 3.3.6 cutomized for the page but the component can be tested with a default BS.Here is the code:

Code: Select all

 <?php if($this->countModules('Ver-Secciones')) : ?>
   <aside class="bloqueoscuro">
    <h3 class="col-md-9">Ver Secciones</h3>
    <a data-toggle="collapse" href="#lista" aria-expanded="false" aria-controls="lista"><h3 class="col-md-3"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span> </h3></a>
    <div class="clearfix"></div>
    <div id="lista" class="collapse">
      <jdoc:include type="modules" name="Ver-Secciones" style="html5" />
    </div>
<div class="hojabaja"></div>
  </aside>
      <?php endif; ?>

When i toggle the bootstrap collapse works well in the home page, but as soon as i get to an inside page i toggle the collapse module and while is closed i click to open and the collapse closes instead and everytime i trigger the button closes insteadd of open and close.

I'm not sure about what is making conflict but it seems odd that works fine in the home page and not elsewhere.
Here is a Video showing the issue.

https://youtu.be/MmD8xv6m06E

Thanks in advance