Actualmente tengo varias paginas que tienen el mismo collapse, pero solo funciona cuando en la primera pagina, cuando cambio de opcion de menu hace show pero no realiza el hide.
Gracias.
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<a class="btn btn-default" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-1" role="button" href="#collapse-12" id="apbtndat"> <i class="glyphicon glyphicon-chevron-down"></i></a>
<div class="collapse" id="collapse-12">
<ul class="list-group text-right" id="aplistdata">
<li class="list-group-item"><span style="font-size:24px">Hola</span><span id="aplistnombre" style="font-size:24px">Natalia, </span><span> A continuación tus datos.</span><span class="aplistdatafn"> </span></li>
<li class="list-group-item"><span>prueba:</span><span class="aplistnum">150 </span><span class="aplistdatafn"> </span></li>
<li class="list-group-item"><span>prueba:</span><span class="aplistnum">50 </span><span class="aplistdatafn"> </span></li>
<li class="list-group-item"><span>Prueba:</span><span class="aplistnum">134 </span><span class="aplistdatafn"> </span></li>
<li class="list-group-item"><span>Prueba:</span><span style="font-size:24px">10/Mar/17 </span><span class="aplistdatafn"> </span></li>
</ul>
</div>
</body