HTML-Code zum Textaufklappen funktioniert nicht im Internet-Explorer

Question

Zum Aufklappen von Text habe ich folgenden HTML-Code erhalten, der sich gut umsetzen ließ.

<details>
  <summary>Überschrift</summary>
  <p>Hier kommt der ausführliche Inhalt</p>
</details>

Leider habe ich beim Pretest die Rückmeldung bekommen, dass der Code im Internet-Explorer nicht funktioniert bzw. wirkungslos ist. Lässt sich der Code dafür anpassen?

Answer 1

Das <details>-Tag wird nur von neuen Browsern unterstützt:
https://caniuse.com/#feat=details

Im Internet Explorer (der wahrlich mehr als veraltet ist und den eigentlich niemand mehr verwenden sollte ... tun die Leute aber) müssen Sie mit <div> arbeiten und per JavaScript für das ein-/ausblenden sorgen. Das ist leider deutlich aufwändiger.

Comments

Ich möchte das im Rahmen eines Textbausteins verwenden und bekomme einen Fehlerhinweis, der Code scheine nicht valide zu sein?

Hier der Aufbau und die Meldung:

<details>
<summary><strong>Informationen zu Anonymität und Datenschutz</strong></summary>
<p><strong>Anonymität:</strong><br>
Ihre Anonymität ist ....<br>
<strong>Datenschutz:</strong><br>
Die Befragung findet über das Softwarepaket <a href="https://www.soscisurvey.de" target="_blank">SoSci Survey</a> statt. Die erhobenen Daten ...Weitere Informationen zum Datenschutz finden sich auf ....</p>
</details>

Warnung: Der HTML-Code des Textbausteins Begruessung und Information [ger] scheint nicht valide zu sein. Bitte überprüfen Sie den HTML-Code, um Probleme mit der HTML-Struktur des Fragebogens zu vermeiden. Intern wurde folgende Fehlermeldung ermittelt:
[line 15] Tag details invalid
[line 16] Tag summary invalid
Die Änderungen am Textbaustein wurden gespeichert.

Woran liegt das?

---

Die HTML-Überprüfung von SoSci Survey kennt das Tag einfach nicht. Der Hinweis ist insofern (noch) sinnvoll, als es beim Internet Explorer ja tatsächlich Probleme gibt. Wenn Sie das nicht stört, können Sie diese Warnung ignorieren.