No colapsar submenús, al navegar por el menú
Bunenos días,
estoy utilizando un menú Bootstrap antiguo para poder conseguir lo que me pide el cliente, pero una cosa que no consigo es que al pinchar en los diferentes apartados de este, se queden abiertos los submenús que estaban abiertos anteriormente. Os dejo la estructura html para que por favor me echéis una mano.
Gracias con antelación
<div class="list-group panel">
<a href="#" class="list-group-item">Contratos</a>
<a href="#" class="list-group-item">Deudores</a>
<a href="#GestionCobro" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">
Gestión de cobro <b class="caret"></b>
</a>
<div class="collapse" id="GestionCobro">
<a href="#" class="list-group-item">Remesas</a>
<a href="#" class="list-group-item">Créditos</a>
<a href="#" class="list-group-item">Notas de abono</a>
<a href="#" class="list-group-item">Documentos de cobro</a>
<a href="#" class="list-group-item">Cobros</a>
<a href="#" class="list-group-item">Movimientos bancarios</a>
<a href="#" class="list-group-item">Disputas comerciales</a>
<a href="#" class="list-group-item">Gestores de cobro externos</a>
</div>
<a href="#Financiacion" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">
Financiación <b class="caret"></b>
</a>
<div class="collapse" id="Financiacion">
<a href="" class="list-group-item">Anticipos</a>
<a href="" class="list-group-item">Liquidaciones por póliza</a>
<a href="" class="list-group-item">Apuntes por póliza</a>
</div>
<a href="#Cobertura" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">
Cobertura <b class="caret"></b>
</a>
<div class="collapse" id="Cobertura">
<a href="" class="list-group-item">Líneas de cobertura a nivel deudor</a>
<a href="" class="list-group-item">Pagos bajo garantía</a>
</div>
<a href="#Reaseguros" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">
Reaseguros <b class="caret"></b>
</a>
<div class="collapse" id="Reaseguros">
<a href="" class="list-group-item">Reaseguradoras</a>
<a href="" class="list-group-item">Líneas de reaseguro</a>
</div>
<a href="#Internacional" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">
Internacional <b class="caret"></b>
</a>
<div class="collapse" id="Internacional">
<a href="" class="list-group-item">Corresponsales</a>
<a href="" class="list-group-item">Cobro de comisiones</a>
<a href="" class="list-group-item">Contratos corresponsales</a>
<a href="" class="list-group-item">Cadenas</a>
<a href="" class="list-group-item">Ficheros de entrada de Edifactoring</a>
<a href="" class="list-group-item">Ficheros de salida de Edifactoring</a>
<a href="" class="list-group-item">Mensajes Edifactoring</a>
<a href="" class="list-group-item">Opiniones de crédito</a>
</div>
<a href="#Sindicatos" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">
Sindicatos <b class="caret"></b>
</a>
<div class="collapse" id="Sindicatos">
<a href="" class="list-group-item">Factores</a>
<a href="" class="list-group-item">Pre-liquidaciones</a>
<a href="" class="list-group-item">Liquidaciones</a>
<a href="" class="list-group-item">Envíos</a>
</div>
<a href="#Herramientas" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">
Herramientas <b class="caret"></b>
</a>
<div class="collapse" id="Herramientas">
<a href="" class="list-group-item">Mensajes</a>
<a href="" class="list-group-item">Agenda</a>
</div>
<a href="#General" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">
General <b class="caret"></b>
</a>
<div class="collapse" id="General">
<a href="" class="list-group-item">Empresas</a>
<a href="" class="list-group-item">Grupos</a>
<a href="" class="list-group-item">Posición global</a>
<a href="" class="list-group-item">Facturas emitidas</a>
<a href="" class="list-group-item">Abonos y adeudos</a>
</div>
</div>