угловой js accordian не работает должным образом

Question

Я использую angularJS с бутстрапом, гармоническая функция не работает должным образом, как #forces меня на другую страницу вместо того, чтобы фактически делать аккордеонную работу. Есть ли что-нибудь, что я могу сделать, не загружая целую кучу вещей?

Heres мой код

<link rel="stylesheet" type="text/css" href="./CSS/bootstrap.css"> 
<div class="accordion-group"> 
          <div class="accordion-heading"> 
           <a class="accordion-toggle" data-toggle="collapse" data-parent="#myaccordion" href="#first"> 
              Section One 
           </a> 
          </div> 

          <div id="first" class="accordion-body collapse in"> 
           <div class="accordion-inner"> 
            Random words 
           </div> 
          </div> 

         </div> 

    <script 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script> 
<script 
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-route.js">   </script> 

<script src="./JS/index.js"></script> 
<script src="./JS/bootstrap.js"></script> 

Answer 1

Где ваш Jquery Lib?

Это прекрасно работает For test

<div class="accordion-group"> 
<div class="accordion-heading"> 
    <a class="accordion-toggle" data-toggle="collapse" data-parent="#myaccordion" href="#first">Section One</a> 
</div> 

<div id="first" class="accordion-body collapse in"> 
    <div class="accordion-inner">Random words</div> 
</div> 
</div> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-route.js">    </script>