Accordion

Standard

    <div class="accordion">
        <div class="accordion-item">
            <div class="accordion-header">
                <span><span class="dot"></span>Eintrag 1</span>
            </div>
            <div class="accordion-content">
                <p>Inhalt 1</p>
            </div>
        </div>
        <div class="accordion-item">
            <div class="accordion-header">
                <span><span class="dot"></span>Eintrag 2</span>
            </div>
            <div class="accordion-content">
                <p>Inhalt 2</p>
            </div>
        </div>
        <div class="accordion-item">
            <div class="accordion-header">
                <span><span class="dot"></span>Eintrag 3</span>
            </div>
            <div class="accordion-content">
                <p>Inhalt 3</p>
            </div>
        </div>
    </div>

Unabhängig, zum Beginn geschlossen

    <div class="accordion" data-accordion-mode="independent-close">
       ...
    </div>

Unabhängig, zum Beginn offen

    <div class="accordion" data-accordion-mode="independent-open">
       ...
    </div>