Reference code for creating new FAQ content in Cascade using the standard page template.

PSCC Accordian FAQ Sample

<div aria-multiselectable="true" id="accordion" role="tablist">
    <div class="card">
        <div class="card-header" id="heading-1" role="tab">
            <h3 class="mb-0"><a aria-controls="collapse-1" aria-expanded="true" data-parent="#accordion" data-toggle="collapse" href="#collapse-1"> What is my P Number?
 </a></h3>
        </div>
        <div aria-labelledby="heading-1" class="collapse show" id="collapse-1" role="tabpanel">
            <div class="card-block">
                <p>This is where the actual text goes</p>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header" id="heading-2" role="tab">
            <h3 class="mb-0"><a aria-controls="collapse-2" aria-expanded="true" data-parent="#accordion" data-toggle="collapse" href="#collapse-2"> How do I request my transcript?
 </a></h3>
        </div>
        <div aria-labelledby="heading-2" class="collapse" id="collapse-2" role="tabpanel">
            <div class="card-block">
                <p>This is where the actual text goes</p>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header" id="heading-3" role="tab">
            <h3 class="mb-0"><a aria-controls="collapse-3" aria-expanded="true" data-parent="#accordion" data-toggle="collapse" href="#collapse-3"> How do I change my name?

 </a></h3>
        </div>
        <div aria-labelledby="heading-3" class="collapse" id="collapse-3" role="tabpanel">
            <div class="card-block">
                <p>This is where the actual text goes</p>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header" id="heading-4" role="tab">
            <h3 class="mb-0"><a aria-controls="collapse-4" aria-expanded="true" data-parent="#accordion" data-toggle="collapse" href="#collapse-4"> How do I pay fees?

 </a></h3>
        </div>
        <div aria-labelledby="heading-4" class="collapse" id="collapse-4" role="tabpanel">
            <div class="card-block">
                <p>This is where the actual text goes</p>
            </div>
        </div>
    </div>

    
</div>