<section class="o-accordion js-accordion-init accordion--references">
<div class="m-accordion__panel js-accordion-panel ">
<h2 class="accordion__panel--button-headline">
<button class="a-btn accordion__panel__toggle js-accordion-toggle" type="button" aria-expanded="false"><span class="accordion__panel__label">References (H2 Tag as Toggle Button)</span><i class="a-icon icon--arrow-downward" aria-hidden="true"></i></button>
</h2>
<div class="accordion__panel__body js-accordion-body">
<div class="a-richtext richtext--references">
<h3>Externes</h3>
<ul class="rte--list">
<li><i aria-hidden="true" role="presentation"></i>Quelle: <a class="bm-richtext-link" href="#">Ich bin ein externe Artikel</a></li>
<li><i aria-hidden="true" role="presentation"></i>Quelle: <a class="bm-richtext-link" href="#">Ich bin ein zweite externe Artikel</a></li>
<li><i aria-hidden="true" role="presentation"></i>Quelle: <a class="bm-richtext-link" href="#">Ich bin der letzte externe Artikel</a></li>
</ul>
<p />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<h3>Internes</h3>
<p />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<ul class="rte--list">
<li><i aria-hidden="true" role="presentation"></i>Quelle: <a class="bm-richtext-link" href="#">Ich bin ein interne Artikel</a></li>
<li><i aria-hidden="true" role="presentation"></i>Quelle: <a class="bm-richtext-link" href="#">Ich bin ein zweite interne Artikel</a></li>
</ul>
<h3>Anmerkung</h3>
<p />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <a class="bm-richtext-link" href="#">At vero eos et accusam et justo duo dolores et ea rebum.</a> Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</section>
<section class="o-accordion js-accordion-init {{viewtypes.specifier}}">
{{#if switches.hasAccordionActions }}
{{#ifcond partials.panels.length '>' 5}}
<div class="accordion__actions js-accordion-actions">
{{ render '@button--default' partials.btnClose merge=true }}
{{ render '@button--default' partials.btnOpen merge=true }}
</div>
{{/ifcond}}
{{/if}}
{{#each partials.panels as |panel|}}
{{#if ../switches.isToc }}
{{render '@accordion-panel--toc' panel merge=true}}
{{else if ../switches.isLoginCode}}
{{render '@accordion-panel--login-code' panel merge=true}}
{{else if ../switches.isSearchFilter}}
{{render '@accordion-panel--search-filter' panel merge=true}}
{{else if ../switches.isReferences}}
{{render '@accordion-panel--references-h2' panel merge=true}}
{{else if ../switches.isForumPostsList}}
{{render '@accordion-panel--forum-posts-list' panel merge=true}}
{{else if ../switches.isBulletinBoardPostsLists}}
{{render '@accordion-panel--bulletin-board-posts-list' panel merge=true}}
{{else}}
{{render '@accordion-panel' panel merge=true}}
{{/if}}
{{/each}}
</section>
{
"switches": {
"hasAccordionActions": true,
"isToc": false,
"isReferences": true,
"isSearchFilter": false,
"isForumPostsList": false,
"isBulletinBoardPostsList": false
},
"viewtypes": {
"specifier": "accordion--references"
},
"content": {},
"partials": {
"btnClose": {
"switches": {
"asLink": false,
"hasIcon": true,
"isHidden": true
},
"viewtypes": {
"specifier": "js-accordion-close-all"
},
"content": {
"ariaLabel": "Alle nachfolgenden Bereiche Schließen",
"before": "<span class=\"accordion__actions__label\">",
"label": "Alles schließen",
"after": "</span>"
},
"partials": {
"iconType": "icon--arrow-upward"
}
},
"btnOpen": {
"switches": {
"asLink": false,
"hasIcon": true,
"isHidden": true
},
"viewtypes": {
"specifier": "js-accordion-open-all"
},
"content": {
"ariaLabel": "Alle nachfolgenden Bereiche öffnen",
"before": "<span class=\"accordion__actions__label\">",
"label": "Alles öffnen",
"after": "</span>"
},
"partials": {
"iconType": "icon--arrow-downward"
}
},
"panels": [
{
"partials": {
"richtext": {
"switches": {
"hasWrapper": true,
"hasDefaultText": false
},
"viewtypes": {
"specifier": "richtext--references"
},
"content": {
"text": "<h3>Externes</h3><ul class=\"rte--list\"><li><i aria-hidden=\"true\" role=\"presentation\"></i>Quelle: <a class=\"bm-richtext-link\" href=\"#\">Ich bin ein externe Artikel</a></li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Quelle: <a class=\"bm-richtext-link\" href=\"#\">Ich bin ein zweite externe Artikel</a></li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Quelle: <a class=\"bm-richtext-link\" href=\"#\">Ich bin der letzte externe Artikel</a></li></ul><p/>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p><h3>Internes</h3><p/>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p><ul class=\"rte--list\"><li><i aria-hidden=\"true\" role=\"presentation\"></i>Quelle: <a class=\"bm-richtext-link\" href=\"#\">Ich bin ein interne Artikel</a></li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Quelle: <a class=\"bm-richtext-link\" href=\"#\">Ich bin ein zweite interne Artikel</a></li></ul><h3>Anmerkung</h3><p/>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <a class=\"bm-richtext-link\" href=\"#\">At vero eos et accusam et justo duo dolores et ea rebum.</a> Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>"
}
}
}
}
]
}
}
No notes defined.