LÖSUNG 01
Verschiedene Accordions untereinander ohne Text.


Inhalt für die erste Klappe, kann Text, aber eben auch ein Bild sein:

Oder eben nur Text. Tortor consequat id porta nibh. Turpis massa sed elementum tempus egestas sed. Et molestie ac feugiat sed lectus vestibulum. Sit amet consectetur adipiscing elit duis tristique sollicitudin.

Blandit massa enim nec dui nunc mattis enim ut. Mi eget mauris pharetra et ultrices neque. Dignissim diam quis enim lobortis. Ac tortor dignissim convallis aenean et. Turpis massa sed elementum tempus egestas sed sed risus. Lorem dolor sed viverra ipsum nunc aliquet bibendum. Enim tortor at auctor urna nunc id cursus metus aliquam.

Aufzählungen gehen auch:

  • mit Aufzählung
  • oder ohne



LÖSUNG 02
Accordions mit Text davor und dazwischen.

Der Text davor. Tortor consequat id porta nibh. Turpis massa sed elementum tempus egestas sed. Et molestie ac feugiat sed lectus vestibulum. Sit amet consectetur adipiscing elit duis tristique sollicitudin.


hier steht der Inhalt für die dritte klappe

Der Text dazwischen. Tortor consequat id porta nibh. Turpis massa sed elementum tempus egestas sed. Et molestie ac feugiat sed lectus vestibulum. Sit amet consectetur adipiscing elit duis tristique sollicitudin. Blandit massa enim nec dui nunc mattis enim ut. Mi eget mauris pharetra et ultrices neque. Dignissim diam quis enim lobortis. Ac tortor dignissim convallis aenean et. Turpis massa sed elementum tempus egestas sed sed risus. Lorem dolor sed viverra ipsum nunc aliquet bibendum. Enim tortor at auctor urna nunc id cursus metus aliquam.

ein anderer Inhalt kommt in die zweite klappe



LÖSUNG 02 B, eingerückt.
Accordions mit Text davor und dazwischen, der Text steht innerhalb des Tags »accord«, Text rückt dann näher an das Accordion. Zusätzlich Texteinzug.

Der Text davor. Tortor consequat id porta nibh. Turpis massa sed elementum tempus egestas sed. Et molestie ac feugiat sed lectus vestibulum. Sit amet consectetur adipiscing elit duis tristique sollicitudin.

hier steht der Inhalt für die dritte klappe

Der Text dazwischen. Tortor consequat id porta nibh. Turpis massa sed elementum tempus egestas sed. Et molestie ac feugiat sed lectus vestibulum. Sit amet consectetur adipiscing elit duis tristique sollicitudin. Blandit massa enim nec dui nunc mattis enim ut. Mi eget mauris pharetra et ultrices neque. Dignissim diam quis enim lobortis. Ac tortor dignissim convallis aenean et. Turpis massa sed elementum tempus egestas sed sed risus. Lorem dolor sed viverra ipsum nunc aliquet bibendum. Enim tortor at auctor urna nunc id cursus metus aliquam.

ein anderer Inhalt kommt in die zweite klappe



LÖSUNG 03
Zwei voneinander getrennte, einzelne Accordions.

Abstand ist leider dann deutlich größer…. convallis aenean et. Turpis massa sed elementum tempus egestas sed sed risus. Lorem dolor sed viverra ipsum nunc aliquet bibendum. Enim tortor at auctor urna nunc id cursus metus aliquam.


hier steht der Inhalt für die dritte klappe


Text dazwischen. Tortor consequat id porta nibh. Turpis massa sed elementum tempus egestas sed. Et molestie ac feugiat sed lectus vestibulum. Sit amet consectetur adipiscing elit duis tristique sollicitudin.


ein anderer Inhalt kommt in die zweite klappe