Bootstrap 3在其他部分每次都收拢一次

我已经将类别常见问题汇总在一起。我的想法是使用折叠引导功能显示每个类别，并进入崩溃查看与问题和答案的手风琴。Bootstrap 3在其他部分每次都收拢一次

它在左边的两列结构中选择类别和正确的问题和答案。

我需要选择第二个类别（折叠）前一个关闭。

我可以在这里建立。

<div class="container"> 
    <section id="tratamientos" class="row"> 
    <h1>Tratamientos</h1> 
    <div class="col-sm-2"> 
     <button class="btn btn-default" type="button" data-toggle="collapse" data-target="#cirugiaoral" aria-expanded="false" aria-controls="cirugiaoral">Cirugía Oral</button> 
     <br><br> 
     <button class="btn btn-default" type="button" data-toggle="collapse" data-target="#blanqueamiento" aria-expanded="false" aria-controls="blanqueamiento">Blanqueamiento</button> 
    </div> 

    <div class="col-sm-10"> 

     <div class="collapse" id="cirugiaoral"> 
     <h3>Cirugía Oral</h3> 
     /* FAQ with accordion */ 
     <ul> 
      <li>item with accordion</li> 
      <li>item with accordion</li> 
     </ul> 
     </div> 

     <div class="collapse" id="blanqueamiento"> 
     <h3>Blanqueamiento</h3> 
     /* FAQ with accordion */ 
     <ul> 
      <li>item with accordion</li> 
      <li>item with accordion</li> 
     </ul> 
     </div> 
    </div> 
    </section> 
</div>

Bootply here

来源

2015-02-06 nicogaldo

你的意思就像手风琴一样？如果是这样，请参阅[Bootstraps Accordion Docs]（http://getbootstrap.com/javascript/#collapse-example-accordion） – Ted 2015-02-06 20:24:53

@Ted我需要做两栏，你会用手风琴在另一个手风琴里面有一个手风琴，这对用户不利。请看bootply – nicogaldo 2015-02-06 20:27:36

的例子啊......错过了bootply。 – Ted 2015-02-06 20:32:43

添加这个脚本：

$('.collapse').on('show.bs.collapse', function (e) { 
    $('.collapse').not(e.target).removeClass('in'); 
});

这会隐藏你的其他部分时，scection显示

看到这个Bootply

来源

2015-02-06 21:04:03 Ted

Bootstrap 3在其他部分每次都收拢一次

回答

相关问题