Accordion không sụp đổ

Question

Mã accordion sau đây không hoạt động đúng với tôi.

<div class="accordion" id="accordion1"> 
    <div class="accordion-group"> 
     <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" 
      data-parent="#accordion1" href="#note1"> 
      Foo 
     </a> 
     </div> 
     <div class="accordion-body collapse" id="note1"> 
     <div class="accordion-inner"> 
      <pre>Foo body</pre> 
     </div> 
     </div> 
    </div> 
    <div class="accordion-group"> 
     <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" 
      data-parent="#accordion1" href="#note2"> 
      Bar 
     </a> 
     </div> 
     <div class="accordion-body collapse" id="note2"> 
     <div class="accordion-inner"> 
      <pre>Bar body</pre> 
     </div> 
     </div> 
    </div> 
</div> 

Hiển thị và các mục mở rộng đúng cách nhưng các mục sẽ không bị thu gọn. Khi tôi nhấp vào một mục mở, nó sẽ sụp đổ một thời gian ngắn và sau đó mở rộng lại. Tôi đã nhìn thấy hành vi này trên các phiên bản bootstrap 2.1.0 và 2.1.1. Ngoài ra, tôi đang sử dụng JQuery 1.7.2 và 1.8.2 và đang xem trong Chrome 22.

Answer 1

Sự cố đã kết thúc là tôi đã vô tình bao gồm tất cả tệp tập lệnh javascript hai lần. Loại bỏ các bản sao cố định tất cả mọi thứ. Tôi không biết lỗi này phổ biến như thế nào, nhưng nếu ai đó gặp vấn đề này trong tương lai, thì có thể hữu ích khi có câu trả lời này thay vì chỉ xóa câu hỏi.

Answer 2

Tôi gặp sự cố tương tự. Vấn đề là tôi đã tải jQuery sau bootstrap.