Skip to main content
título editado
Enlace
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

no No funciona el collapse con bootstrapBootstrap 3 y jqueryjQuery

Origen Enlace

no funciona el collapse con bootstrap 3 y jquery

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