Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:accordion [14.07.2021 13:18] – [JavaScript Schnittstelle] admin
+++ de:create:accordion [24.07.2022 16:22] (aktuell) – [Textabschnitte dynamisch anzeigen (Akkordeon)] admin
@@ Zeile 9: / Zeile 9: @@
 Ein erneuter Klick auf die Überschrift blendet den Text wieder aus. Wird ein anderer Abschnitt geöffnet, wird der vorher sichtbare Text ebenfalls wieder ausgeblendet.
+**Tipp:** Wenn Sie nur einen Text zeigen möchten, zunächst aber nicht in ganzer Länge, dann können Sie statt dem Akkordeon auch [[:de:create:morebox]].
 ===== Texte erstellen =====
@@ Zeile 36: / Zeile 36: @@
 Eventuell möchten Sie aufzeichnen, ob eine Information zum Betrachten angeklickt wurde. Für diesen Zweck erzeugt das übergeordnete HTML-Element die Events ''click'', ''show'' und ''hide''.
-Im folgenden Beispiel wird die Anzahl der Klicks auf die Akkordeon-Elemente "TI02", "TI03" und "TI03" in den [[:de:create:questions:internal|internen Variablen]] "IV01_01" bis "IV01_03" gezählt. Die Frage "interne Variablen" müssen im Fragenkatalog angelegt und ebenfalls auf die Seite gezogen werden. Die Variablen-Kennungen im JavaScript-Code ("IV01_01" u.s.w.) müssen an die tatsächlichen Variablen-Kennungen angepasst werden.
+Im folgenden Beispiel wird die Anzahl der Klicks auf die Akkordeon-Elemente "TI02", "TI03" und "TI03" in den Variablen "IV01_01" bis "IV01_03" gezählt. Die Frage "interne Variablen" muss im Fragenkatalog angelegt und ebenfalls auf die Seite gezogen werden ([[:de:create:questions:internal]]). Die Variablen-Kennungen im JavaScript-Code ("IV01_01" u.s.w.) müssen an die tatsächlichen Variablen-Kennungen angepasst werden.
 <code javascript>
@@ Zeile 65: / Zeile 65: @@
     SoSciTools.questionnaire.TI02.show
 );
+</script>
+</code>
+Das Verhalten der Anzeige lässt sich über ''SoSciTools.Accordion'' anpassen. Mittels ''SoSciTools.Accordion.autoclose'' lässt sich festlegen, ob Abschnitte geschlossen werden, wenn ein anderer Abschnitt geöffnet wird.
+<code javascript>
+<script type="text/javascript">
+SoSciTools.Accordion.autoclose = false;
 </script>
 </code>