Auf einer Webseite sollen Spielergebnisse verschiedener Mannschaften in einer Tabelle aufgeführt werden. Gibt es eine Möglichkeit, dass zunächst nur der Tabellenkopf angezeigt und erst bei Mausklick der Rest der Tabelle eingeblendet wird?
Den Aufklapp-Effekt nennt man Akkordeon, wobei es da verschiedene Varianten gibt, bei denen z.B. andere aufgeklappte Bereiche automatisch wieder schließen, wenn ein neuer Bereich geöffnet wird. Der visuelle Effekt erinnert dann ein wenig an eine Ziehharmonika, deshalb der Name.
Leider ist der Akkordeon-Effekt kein Standard-Element des WordPress-Editors. Du kannst dir aber mit dem Plugin Shortcodes Ultimate behelfen, dass für diesen Effekt (und einige andere) einen Shortcode zur Verfügung stellt. Mit dem Button Insert Shortcode > Accordion kannst du dann einen Shortcode einfügen, der z.B. so aussehen könnte:
[su_accordion] [su_spoiler title="Titel des Abschnitts 1" style="fancy"] Eingeblendeter Inhalt [/su_spoiler] [su_spoiler title="Titel des Abschnitts 2" style="fancy"] Weiterer Inhalt [/su_spoiler] [su_spoiler title="Titel des Abschnitts 2" style="fancy"] Noch mehr Inhalt [/su_spoiler] [/su_accordion]
Bei Ansicht der Seite im Frontend wird der Shortcode dann in passendes HTML umgewandelt und eine JavaScript-Funktion zur Animation eingefügt. Statt „Eingeblendeter Inhalt“ kannst du natürlich auch (im Text-Modus des Editors!) eine HTML-Tabelle einfügen:
[su_accordion] [su_spoiler title=" <table> <tbody> <tr> <td>Mannschaft A</td> <td>Mannschaft B</td> <td>Ergebnis</td> </tr> </tbody> </table> " style="fancy"] <table> <tbody> <tr> <td>SV Wasserhof</td> <td>SV Steindorf</td> <td>2:4</td> </tr> <tr> <td>SV Holzheim</td> <td>SV Eisenstadt</td> <td>3:1</td> </tr> </tbody> </table> [/su_spoiler] [/su_accordion]