2014-10-02 30 views
0

我在Bootstrap中创建了一个侧栏列表组菜单,它在第一次单击时展开,但第二次单击不会折回菜单,然后单击在其他项目上简单地扩展它们,而不会崩溃任何东西。引导列表组菜单展开点击式按钮,但不会折叠

<div id="accordion" class="list-group"> 
     <a class="list-group-item" data-toggle="collapse" data-parent="#accordion" data-target="#listofOptions">List Header 1</a> 
      <div class="list-group-collapse collapse" id="listofOptions"> 
       <a class="list-group-item" href="#">List Item 1</a> 
       <a class="list-group-item" href="#">list Item 2</a> 
      </div> 
     <a class="list-group-item" data-toggle="collapse" data-parent="#accordion" data-target="#listofOptions2">List Header 2</a> 
      <div class="list-group-collapse collapse" id="listofOptions2"> 
       <a class="list-group-item" href="#">List Item 1</a> 
       <a class="list-group-item" href="#">list Item 2</a> 
      </div>  
    </div> 

我使用标准bootstrap.min.js,没有我的自定义的JavaScript是触摸.collapse脚本,至少不是故意。

+0

使用jQuery 1.11.0,bootstrap.min.css和bootstrapcdn.com的bootstrap.min.js,此列表组菜单代码看起来不错。您可以尝试张贴小提琴(或类似)与更多的代码进行审查。 – khilley 2014-10-02 17:43:15

+0

http://jsfiddle.net/sidhenimh/jasajdvr/这是一个小提琴;小提琴在起作用,所以我不确定现场版本有什么问题。 @khilley – slink 2014-10-02 17:58:56

+1

嗯...我的小提琴也奏效了。你有可能分享一个真人版的URL吗? – khilley 2014-10-02 18:01:09

回答

1

如果您遇到此问题,请检查并确保您的CMS不重复对任何jQuery库的调用两次。我发现,由于错字,我的标题重复,双重电话造成了一些轻微的 - 但烦人的错误。