需要默认关闭手风琴

如何解决需要默认关闭手风琴

我正在尝试默认关闭常见问题页面上的手风琴。

这是一个 Jekyll 网站。

<div class="nav-center pb-40 accordian-tab-menu">
    <ul class="nav nav-pills col-lg-12" id="pills-tab" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" id="pills-general-tab" data-toggle="pill" href="#pills-general"
                role="tab" aria-controls="pills-general" aria-selected="true">General Issues</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="pills-support-tab" data-toggle="pill" href="#pills-support" role="tab"
                aria-controls="pills-support" aria-selected="false">Support Issues</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="pills-refund-tab" data-toggle="pill" href="#pills-refund" role="tab"
                aria-controls="pills-refund" aria-selected="false">refund Issues</a>
        </li>
    </ul>
</div>

我正在努力寻找可以做到的地方？其他关于“折叠”变量的建议似乎不起作用。

编辑 - 添加附加代码...

<div id="accordion1">
                        {%- assign generalFaq = site.data.faq.issues | where:"category_name","general" -%}
                        {%- for faq in generalFaq -%}
                        <div class="card">
                            <div class="card-header" id="generalheadingOne">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#generalCollapse{{ faq.id }}" aria-expanded="true" aria-controls="generalCollapse{{ faq.id }}">
                                    <i class="fa" aria-hidden="true"></i>
                                    {{ faq.title }}
                                </button>
                            </div>

                            <div id="generalCollapse{{ faq.id }}" class="collapse {% if forloop.index0 %}show{% endif %}" aria-labelledby="generalheading{{ faq.id }}" data-parent="#accordion1">
                                <div class="card-body">
                                    {{ faq.description }}
                                </div>
                            </div>
                        </div>
                        {%- endfor -%}
                     
                    </div>