Ich versuche mit Bootstrap 3 ein Akkordeon zu erstellen, indem ich die Schaltfläche verwende, die mit dem Datenattribut ohne das Akkordeon-Markup reduzierbar ist. Es sieht für mich einfach sauberer aus.

Allerdings kann ich das nicht machenDaten-Eltern Attribut zu arbeiten. Ich möchte beim Öffnen einer Frage alle anderen schließen. Ich lese die Dokumente (http://getbootstrap.com/javascript/#collapse-usage ), kann es aber immer noch nicht zum Laufen bringen.

Ich benutze den folgenden Code:

<div class="accordion" id="myAccordion">
    <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-1" data-parent="#myAccordion">Question 1?</button>
    <div id="collapsible-1" class="collapse">
    <p>Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est.</p>
    </div>
    <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-2" data-parent="#myAccordion">Question 2?</button>
    <div id="collapsible-2" class="collapse">
    <p>Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est.</p>
    </div>
    <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-3" data-parent="#myAccordion">Question 3?</button>
    <div id="collapsible-3" class="collapse">
    <p>Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est.</p>
    </div>
</div>

Hier ist die JSFiddle:http://jsfiddle.net/twinsen/AEew4/

Ich freue mich sehr, wenn jemand auf mich zeigt, wo ich einen Fehler mache: \ Bootstrap 4