2014-04-06 7 views
18

Bootstrap schließt normalerweise andere Zusammenbrüche, wenn Sie auf einen klicken, um ihn zu öffnen.Wie behälst du mehrere Kollaps in Bootstrap 3 auf?

Gibt es eine Option oder einen Hack, um die Einblendungen offen zu halten, wenn sie nicht explizit geschlossen werden, ohne das Aussehen und Layout der Panel-Gruppe zu ändern?

Antwort

5

Sehen Sie diese Demo: http://plnkr.co/edit/OxbVII?p=preview

Idee:

Nur data-toggle="collapse" und ein data-target zu Element hinzufügen, automatisch die Steuerung eines zusammenlegbaren Element zuweisen. Das data-target Attribut akzeptiert einen CSS-Selektor, um die collapse an anzuwenden. Fügen Sie dem faltbaren Element die Klasse collapse hinzu. Wenn Sie möchten, dass es standardmäßig geöffnet wird, fügen Sie die zusätzliche Klasse in hinzu.

58

Sie können nur das data-parent Attribut entfernen, das normally used in the accordion markup ist.

<div class="panel-group" id="accordion"> 
    <div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h4 class="panel-title"> 
     <a class="accordion-toggle" data-toggle="collapse" href="#collapseOne"> 
      Collapsible Group Item #1 
     </a> 
     </h4> 
    </div> 
    ... 

http://bootply.com/127843

+2

Danke, das wirklich hilft. Nachdem ich Ihren Tipp gelesen hatte, fand ich ihn schnell hier in der Dokumentation: http://getbootstrap.com/javascript/#collapse -> Optionen -> Eltern –

+0

Reference Link hat mir geholfen. Vielen Dank – Arjun

Verwandte Themen