1. ホーム
  2. twitter-bootstrap

Twitter-bootstrap collapse plugin - 複数の "グループ "を開けるようにするには?

2023-10-28 20:44:37

質問

私はcollapseプラグインで作業していますが、複数のグループを同時に開くことを可能にする方法について疑問に思っています。 彼らのデモページで。

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

一度に開くことができるのは1つだけです。 これはアコーディオンの予想される動作だと思いますが、1つのグループを開いても他のグループが崩れないようにするにはどうしたらよいでしょうか。

どのように解決するのですか?

ただ data-parent 属性は使わないでください。

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" href="#collapseOne">
        Collapsible Group Item #1
      </a>

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

http://jsfiddle.net/HJf6j/2/