Akkordeon Funktion: Einzele Akkordeons aufgeklappt präsentieren?

Question

Guten Tag,

Ich würde gerne mehrere Akkordeon-Texte auf einer Seite anzeigen; jedoch sollten einzelne per default augeklappt angezeigt werden.
Könnte mir jemand einen Tipp geben, wie dies umzusetzen ist?
Herzlichen Dank!

Answer 1

Eine relaiv einfache Variante ich die Verwendung des JavaScript ähnlich wie in der Anleitung zum Akkordeon angegeben - nur nicht als Reaktion auf einen Klick, sondern gleich beim Laden der Seite:

<script type="text/javascript">
window.addEventListener("load",
    SoSciTools.questionnaire.TI02.show
);
</script>

Comments

Ok, also vielen Dank. Wenn ich noch mal nachfragen darf: Ich habe einen Textbaustein angelegt, als html Code, den Text von oben dort reinkopiert (die Kennung ist in meinem Fall A114).

<script type="text/javascript">
window.addEventListener("load",
    SoSciTools.questionnaire.A114.show
);
</script>

Dann das html Text-Element auf eine Fragebogenseite gezogen.... sollte das alleine reichen? Sollte mir so mein Akkordeon aufgeklappt gezeigt werden? Es passiert nämlich leider nichts (auch nicht, wenn ich das Element A114 selber dazu auf die Seite ziehe). Es wird gar nichts angezeigt.

Tut mir leid, ich kenne mich nicht so gut aus. Ich probiere hier gerade verschiedene Sachen mit dem Java-Script aus, manches klappt auch, aber hier habe ich wohl noch nicht ganz verstanden, was zu tun ist.

---

Ja, eigentlich sollte es reichen - wenn Sie einen Pretest-Link direkt (!) zur betroffenen Seite posten, dann werfe ich gerne direkt einen Blick darauf.

---

Das ist wirklich sehr freundlich! Hier ist der Link zu der Seite:
https://survey.unibw.de/BwBindung/?act=gFKAr5MSZCCpSDojPp3NpwiI

Auf dieser Seite ist nur der hmtl Code eingebunden, auf Seite 2 wäre das ganze noch mal mit dem entsprechenden Akkordeon-Element zusammen.

---

Es scheint so, dass das Script (trotz dem "load") zu früh läuft, nämlich bevor SoSciTools.questionnaire.A120 zur Verfügung steht. Ungünstig...

Als Workaround fügen sie bitte noch eine kleine Verzögerung ein.

<script type="text/javascript">
window.addEventListener("load", function() {
    window.setTimeout(
        SoSciTools.questionnaire.A120.show,
        200
    );
});
</script>

Zeitverzögerungen sind keine ganz saubere Lösung, ich werde mir nochmal ansehen, wie man das in die richtige Reihenfolge bekommt und mich wieder melden. Das wird aber ein paar Tage dauern. Sagen Sie aber bitte Bescheid, falls der Workaround nicht funktioniert.

---

Super, das funktioniert (wenn sich das Akkordeon Element selbst auch auf der Seite befindet - falls das nicht selbstverständlich ist)!
Damit kann ich auf jeden Fall arbeiten, was mich sehr freut. Ich werde hier natürlich gerne weiter verfolgen, ob es noch eine andere Lösung gibt.