Question

我很难过。我试图这样做，当你点击一个bootstrap链表项时，它会扩展为以手风琴方式显示其他文字。

这是我的代码：http://www.bootply.com/6zXrStZ2o3

<div class="container">
<h1>Bootstrap 3 List Groups</h1>
  <div class="list-group">
    <a href="#" class="list-group-item">
      Linked item in .list-group
    </a>
    <a href="#" class="list-group-item">Linked item in .list-group with Chevron and Badge
    </a>
  </div>
</div>

当我点击其展开的其中一个链接列表的标题以显示更多内容时，我该怎么做呢？

Answer 1

只需将data-toggle="collapse"和data-target添加到元素即可自动分配对可折叠元素的控制

<div class="container">
<h1>Bootstrap 3 List Groups</h1>
  <div class="list-group">
    <a href="#" class="list-group-item" data-toggle="collapse" data-target="#info1">
      Linked item in .list-group
      <div id="info1" class="collapse">More Info #1</div>
    </a>    
    <a href="#" class="list-group-item" data-toggle="collapse" data-target="#info2">Linked item in .list-group with Chevron and Badge
      <div id="info2" class="collapse">More Info #2</div>
    </a>    
  </div>  
</div>

将accordion功能添加到bootstrap链表

1 个答案: