Akkordeon

Collapsible Icon

Das Akkordeon ist ein beliebtes Element, um weiterführende Informationen in einem zusammenklappbaren Bereich zu verstecken, welches diese dann mit einem Klick erweitert. Es können auch Medienelemente und eingebettete Inhalte (bspw. Facebook Posts) in ein Akkordeon integriert werden.

Standardmässig ist das erste Element geöffnet und die weiteren geschlossen.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 

Stil alternativ

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 

Stil invertiert

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 

Initial alle geschlossen

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 

Initial alle geöffnet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 

Akkordeon mit verschiedenen Inhalten

Es können Mediengalerien in einem Akkordeon verwendet werden.

Und es können Social Media Inhalte eingebettet werden.

Content creation and user experience session #davos #drupalmountaincamp #newpatterns

Ein Beitrag geteilt von Nemanja ZH-BG (@nemanjatck) am

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore 


Dies ist eine Seite mit Blindtext.

Inhalt mit dem Wortlaut "Lorem Ipsum" für rein demonstrative Zwecke.