बूटस्ट्रैप ढांचे - कम से कम एक accordion (उर्फ पतन) आइटम हर समय

Question

है, मैं अपनी साइट पर बूटस्ट्रैप का उपयोग कर रहा हूं और बस कुछ पेज सामग्री में एक एग्रीजन उर्फ ​​पतन जोड़ा है।

यह ठीक काम करता है लेकिन मैं को कम से कम एक पैनल पर खोलना चाहता हूं।

http://twitter.github.com/bootstrap/javascript.html#collapse

किसी को भी इस के लिए एक समाधान पाया गया है:

वर्तमान में, पैनल हमेशा खोलने/बंद टॉगल, नीचे उदाहरण देखें?

<div class="accordion" id="accordion2"> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
     Collapsible Group Item #1 
     </a> 
    </div> 
    <div id="collapseOne" class="accordion-body collapse in"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
     Collapsible Group Item #2 
     </a> 
    </div> 
    <div id="collapseTwo" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 

Answer 1

इस सवाल यहाँ करने के लिए समाधान: How do you make Twitter Bootstrap Accordion keep one group open?

धन्यवाद @ अन्य हल प्रश्न ओर इशारा करते हुए के लिए aron.lakatos। जबकि सवाल ही हैं, हल यहां यह सवाल :)

Answer 2

आप जब कोई पर क्लिक करता है कुछ भी करने से बूटस्ट्रैप को रोकने के लिए है:

यहाँ बूटस्ट्रैप साइट मेरे वर्तमान कार्यान्वयन के समान है कि से कोड (डेटा विशेषताओं का उपयोग यह आरंभ) है सक्रिय समूह

फ़ंक्शन के लिए बूटस्ट्रैप-collapse.js में खोजें जो इसे संभालता है।

क्या आपने http://twitter.github.com/bootstrap/javascript.html#collapse> उपयोग> विकल्प देखा है?

Answer 3

http://jsfiddle.net/SMT9D/61/

$('.accordion-toggle').on('click',function(e){ 
    if($(this).parents('.accordion-group').children('.accordion-body').hasClass('in')){ 
     e.preventDefault(); 
     e.stopPropagation(); 
    } 
}); 

के बाद कुछ ही हफ्तों के लिए कहा गया था आप e.preventDefault();जोड़ना चाहिए यदि आप एक पुस्तक है # HTML एंकर के डिफ़ॉल्ट व्यवहार को रोकने के लिए आपके पृष्ठ में