In den letzten Tagen haben wir unsere Facebook Seite überarbeitet und dabei viele, auf der Facebook-eigenen Seitenbeschreibungssprache FBML gestützte Elemente eingefügt.
FBML hat sich in Verbindung mit CSS als mächtiges und flexibel zu handhabendes Werkzeug dargestellt. Einige dieser FBML-Elemente möchte ich hier in einer lockeren Reihe vorstellen. Eine Referenz der Facebook Markup Language (FBML) finden Sie bei Facebook Developers. Wir setzen die Reihe fort mit …
Akkordeon-Effekt: Texte ein- und ausfalten
Will man längere Textpassagen platzsparend anordnen und müssen nicht alle Passagen immer sichtbar sein, bietet sich die Darstellung mit dem Akkordeon-Effekt an. Dabei werden durch den Klick auf einen Link, z. B. die Überschrift, bestimmte Textpassagen ein- oder ausgeblendet. Facebook verwendet diesen Effekt auf seinen FAQ- und Hilfeseiten.
Der Effekt lässt sich mit FBML realisieren, wobei – einmal mehr – der ‘CklickToShow/CklickTiHide’-Tag zum Einsatz kommt.
Die Darstellung oben zeigt die Ausgangslage. Es sind zwei verborgene und ein sichtbarer Text vorhanden, die durch Klick auf 1, 2 oder 3 expandiert bzw. verborgen werden. Im unteren Bild sind die expandierten Textbereiche sichtbar, die durch Klick auf 1, 2 oder 3 verborgen bzw. angezeigt werden.
Den Quelltext für dieses Beispiel finden Sie als PDF-Datei hier
.