Accordion
Für ausklappbare Einheiten kann das Accordion genutzt werden. Dieses ist in zwei Versionen verfügbar, ohne Hintergrund und mit alternierenden Hintergründen. Diese Einheit kann mit vielen anderen Einheiten kombiniert werden, sollte aber aufgrund der visuellen Komplexität möglichst alleinstehend genutzt werden.
Default
-
Accordion title 1
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Accordion title 2
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Accordion title 3
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
<ul class="js-accordion">
<li>
<strong class="js-accordion__heading"><span class="title">Accordion title 1</span></strong>
<div class="js-accordion__panel">
<div class="text">
<div class="textile">
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
</div>
</div>
</div>
</li>
<li>
<strong class="js-accordion__heading"><span class="title">Accordion title 2</span></strong>
<div class="js-accordion__panel">
<div class="text">
<div class="textile">
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
</div>
</div>
</div>
</li>
<li>
<strong class="js-accordion__heading"><span class="title">Accordion title 3</span></strong>
<div class="js-accordion__panel">
<div class="text">
<div class="textile">
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
</div>
</div>
</div>
</li>
</ul>
Odd/Even Layout
Add class .accordion--oddeven
to accordionul
-element to change the layout.
-
Accordion title 1
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Accordion title 2
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Accordion title 3
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
Options
-
Accordion title 1
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Accordion title 2
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Accordion title 3
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Initial open
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Initial close (default)
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Initial close (default)
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Accordion title 1
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Accordion title 2
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
-
Accordion title 3
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.