Html 默认情况下展开时，使用引导面板显示正确的向上/向下箭头

因此，现在我有了预期的向上/向下箭头（面板关闭时向下，面板展开时向上）。问题是，我希望默认情况下扩展第一张卡，但箭头指向下方，而不是上方。这有什么办法吗

/*my\u css\u file.css*/
.小组标题{
位置：相对位置；
}
.小组标题：：之后{
内容：“\f078”；
颜色：#333；
顶部：-2px；
右：0px；
位置：绝对位置；
字体系列：“真棒”
}
.panel title[aria expanded=“true”]：：之后{
内容：“\f077”；
}
/*
*增加了12-27-20以展示完整的标题点击
*/
.panel-heading-full.panel-heading{
填充：0；
}
.面板标题完整。面板标题{
填充：10px 15px；
}
.面板标题已满。面板标题：：之后{
顶部：10px；
右：15px；
}

/*my_html.hmtl*/
跟踪链接
卡1的内容（默认扩展）
链接队列
卡片2的内容

引导程序需要aria扩展属性。您可以首先将第一张卡设置为true，第二张卡设置为false

<div class="content-section">
    <div class="panel-group" id="accordion">

        <!-- First Panel -->
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true">Tracked links</h4>
            </div>

            <div id="collapseOne" class="panel-collapse collapse show">
                <div class="panel-body">
                    CONTENT FOR CARD 1 (expanded by default)
                </div>
            </div>
        </div> 
        <!-- Second Panel -->
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false">Link queue</h4>
            </div>

            <div id="collapseTwo" class="panel-collapse collapse">
                content for card 2
            </div>
        </div>
    </div>
</div>

跟踪链接
卡1的内容（默认扩展）
链接队列
卡片2的内容