Accordion Button Überschriften, im HTML Code nach <!-- your headline --> ändern. Pro Webseite können Sie nur ein Accordion Code mit den Identischen Zahlen one bis five verwenden. Pro Webseite können beliebig viele Accordion eingefügt werden. Sollten die fünf Accordion nicht reichen erweitern Sie den Code mit six und seven und so fort. Auf einer neuen Seite können Sie one bis five wiederholt einfügen. Den HTML Code fügen Sie am besten mit dem Editor per Quelltext in Ihre Webseite ein.
<!-- Accordion 2 Begin / by Richard Kircher (c)2019/ www.richukunst.ch -->
<div class="headline_accordion"><input id="tab-one" name="tabs" type="checkbox"> <label for="tab-one"><!-- your headline --> Heading One</label>
<div class="accordion_content">
<!-- your text begin -->
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<!-- your text end -->
</div>
</div>
<div class="headline_accordion"><input id="tab-two" name="tabs" type="checkbox"> <label for="tab-two"><!-- your headline --> Heading Two</label>
<div class="accordion_content">
<!-- your text begin -->
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<!-- your text end -->
</div>
</div>
<div class="headline_accordion"><input id="tab-three" name="tabs" type="checkbox"> <label for="tab-three"><!-- your headline --> Heading Three</label>
<div class="accordion_content">
<!-- your text begin -->
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<!-- your text end -->
</div>
</div>
<div class="headline_accordion"><input id="tab-four" name="tabs" type="checkbox"> <label for="tab-four"><!-- your headline --> Heading Four</label>
<div class="accordion_content">
<!-- your text begin -->
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<!-- your text end -->
</div>
</div>
<div class="headline_accordion"><input id="tab-five" name="tabs" type="checkbox"> <label for="tab-five"><!-- your headline --> Heading Five</label>
<div class="accordion_content">
<!-- your text begin -->
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<!-- your text end -->
</div>
</div>
<p> </p>
<!-- Accordion 2 End / by Richard Kircher (c)2019/ www.richukunst.ch -->