Twitter bootstrap手风琴奇怪的行为

Question

我在我的项目中使用引导手风琴（折叠），但不幸的是结果不是渴望之一。我在手风琴里有大约8种东西，其中一些里面有很多文字（有时超过半页）。

我试图折叠/展开手风琴项目，但行为是完全陌生和不可预知的。我刚刚在他们的网站上复制了这个例子并添加了更多的项目 我的期望是，每次我点击一个封闭的项目，它会打开，并打开div将获得焦点。有时我会看到页面滚动速度非常快，并且焦点位于错误的位置或项目已打开，但页面上的焦点太低且标题不可见。

关于如何正确处理手风琴或什么是正确的行为的任何想法？

Answer 1

这里的一个工作示例http://jsfiddle.net/panchroma/RdK8t/

与扩展的内容添加到元件中的一个它直接取自the bootstrap example。

典型的代码是：

<div class="accordion" id="accordionParent"> <!-- start #accordionParent wrap --> 


     <!-- start typical content group --> 
      <div class="accordion-group"> 
       <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionParent" href="#collapseOne"> 
        Collapsible Group Item #1 
       </a> 
       </div> 
       <div id="collapseOne" class="accordion-body collapse in"> 
       <div class="accordion-inner"> 
         content 
       </div> 
       </div> 
      </div> 
     <!-- end typical content group --> 


</div> <!-- end accordionParent wrap --> 

你可以验证你的网页，以确保没有一个嵌套的问题，并仔细检查，如果你不使用全引导js文件，请确保您包括转换插件。

希望这会有所帮助！