Cornerstone

Accordion: Default

Create a show/hide accordion-style element

The accordion is set to automatically open the first accordion in the accordion container.

For omniCMS, to have a closed accordion by default, make sure you add the class _collapsed to the accordion table.

For development, to have a closed accordion by default, make sure you add data-open="false" in the accordion header.

<div class="tcu-accordion-container " data-position="">
    <div class="tcu-accordion">
        <button type="button" class="tcu-accordion-header" id="">Item 1 Heading</button>
        <div class="tcu-accordion-content">

            <p>Accordion Item 1 content.</p>

        </div>
    </div>
    <div class="tcu-accordion">
        <button type="button" class="tcu-accordion-header" id="">Item 2 Heading</button>
        <div class="tcu-accordion-content">

            <p>Accordion Item 2 content.</p>

        </div>
    </div>
</div>