使手风琴萨尔特状态崩溃

Question

当前，当我加载页面时，手风琴已展开，但我希望它们被折叠。当我崩溃时，Aslo会使它们全部崩溃。我想让我的箭头<i class="fas fa-angle-down rotate-icon float-right"></i>旋转。

<!--Accordion wrapper-->
<div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
    <!-- Accordion card -->
    <div class="s">
        <!-- Card header -->
        <div class="card-header" role="tab" id="headingOne1">
            <a data-toggle="collapse" data-parent="#accordionEx" href="#collapseStanardFeatures"
                aria-expanded="false" aria-controls="collapseOne1">
                <h5 class="accordion-title mb-0">
                    Standard Features <i class="fas fa-angle-down rotate-icon float-right"></i>
                </h5>
            </a>
        </div>
        <!-- Card body -->
        <div id="collapseStanardFeatures" class="collapse show" role="tabpanel"
            aria-labelledby="headingOne1" data-parent="#accordionEx">
            <div class="card-body">
                Some Text
            </div>
        </div>
    </div>
    <!-- Accordion card -->

    <!-- Accordion card -->
    <div class="s">
        <!-- Card header -->
        <div class="card-header" role="tab" id="headingOne1">
            <a data-toggle="collapse" data-parent="#accordionEx" href="#collapseSpecifications"
                aria-expanded="false" aria-controls="collapseOne1">
                <h5 class="accordion-title mb-0">
                    Specifications <i class="fas fa-angle-down rotate-icon float-right"></i>
                </h5>
            </a>
        </div>

        <!-- Card body -->
        <div id="collapseSpecifications" class="collapse show" role="tabpanel" aria-labelledby="headingOne1"
            data-parent="#accordionEx">
            <div class="card-body">
                Some Text
            </div>
        </div>
    </div>
    <!-- Accordion card -->

    <!-- Accordion card -->
    <div class="s">
        <!-- Card header -->
        <div class="card-header" role="tab" id="headingOne1">
            <a data-toggle="collapse" data-parent="#accordionEx" href="#collapsePaintAndVinyl"
                aria-controls="collapseOne1">
                <h5 class="accordion-title mb-0">
                    Paint & Vinyl <i class="fas fa-angle-down rotate-icon float-right"></i>
                </h5>
            </a>
        </div>
        <!-- Card body -->
        <div id="collapsePaintAndVinyl" class="collapse show" role="tabpanel" aria-labelledby="headingOne1"
            data-parent="#accordionEx">
            <div class="card-body">
                Some Text
            </div>
        </div>
    </div>
    <!-- Accordion card -->
</div>
<!-- Accordion wrapper -->