Accordion

Question

नहीं गिरता है निम्नलिखित accordion कोड मेरे लिए ठीक से काम नहीं कर रहा है।

<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> 

यह प्रदर्शित करता है और आइटम ठीक से विस्तारित होते हैं, लेकिन आइटम पतन नहीं होंगे। जब मैं एक खुली वस्तु पर क्लिक करता हूं, तो यह संक्षिप्त रूप से गिर जाता है, और फिर फिर से फैलता है। मैंने इस व्यवहार को बूटस्ट्रैप संस्करण 2.1.0 और 2.1.1 पर देखा है। इसके अलावा, मैं JQuery 1.7.2 और 1.8.2 का उपयोग कर रहा हूं और क्रोम 22 में देख रहा हूं।

Answer 1

समस्या यह समाप्त हो गई कि मैंने गलती से मेरी सभी जावास्क्रिप्ट स्क्रिप्ट फ़ाइलों को दो बार शामिल किया था। डुप्लिकेट निश्चित सब कुछ हटा रहा है। मुझे नहीं पता कि यह गलती कितनी आम है, लेकिन अगर भविष्य में किसी और को यह समस्या है, तो सवाल उठाने के बजाय यह जवाब उपयोगी हो सकता है।

Answer 2

मुझे एक ही समस्या थी। समस्या यह थी कि मैंने बूटस्ट्रैप के बाद jQuery लोड किया।