ritzmann
Goto Top

Bootstrap Collapse Accordion Schliesst sich nicht

Hallo zusammen

Das Bootstrap Framework bietet eine coole Collapse/Accordion Funktion.
Hier in der getbootstrap Dokumentation: http://getbootstrap.com/javascript/#collapse-example-accordion

Das ganze möchte ich gerne in mein Privates Projekt Integrieren. Leider funktioniert eine entscheidende Funktion nicht: Wenn ich das zweite "panel-group" Anklicke, so sollte das erste ausblenden. In der Dokumentation funktioniert das. Bei mir jedoch nicht.

05fabbe95dc39a5bd17425c2cbb304e0

(im Screenshot ersichtlich: "4. Schritt" wurde zuletzt angeklickt, eigentlich müsste "2. Schritt sich ausblenden", was leider nicht geschieht)

Hier mein HTML/CSS/Javascript: https://jsfiddle.net/x0m0kf04/

Vielleicht hat hier jemand eine Idee an was das liegen könnte?

Freundliche Grüsse
Markus

Content-Key: 297568

Url: https://administrator.de/contentid/297568

Ausgedruckt am: 28.03.2024 um 17:03 Uhr

Mitglied: colinardo
Lösung colinardo 27.02.2016, aktualisiert am 07.03.2016 um 18:32:19 Uhr
Goto Top
Hallo Markus,
das liegt an deinem eingefügten FORM-Tag in die Collapsible Group.
Umschließe die komplette Group mit dem Tag und füge es nicht irgendwo dazwischen ein:
https://jsfiddle.net/3eod233c/

Grüße Uwe
Mitglied: colinardo
colinardo 02.03.2016 um 16:32:12 Uhr
Goto Top
Wenns das dann war, den Beitrag bitte noch auf gelöst setzen. Merci.
Mitglied: ritzmann
ritzmann 07.03.2016 um 18:33:43 Uhr
Goto Top
Hallo Uwe

Sorry, das ich erst jetzt antworte. Hatte erst Heute Zeit mir die Antworten anzusehen.
Deine Antwort hat mir sehr geholfen! Danke viel mal!

Eine schöne Woche,
Gruss Markus