防止 Bootstrap 手风琴折叠在内部锚点 (href) 上单击

Question

我想防止手风琴在单击锚元素（href）后打开新页面时折叠。请找到下面的 html 代码，谁能帮我用 javascript 来实现这一点。

<div class="card mb-2">
    <div class="card-header p-0 border-0" id="headingEight" data-toggle="collapse" data-target="#collapse8" aria-expanded="false" aria-controls="collapse8">
    <h5 class="mb-0">
       <button class="btn btn-link collapsed">
            <i class="fas fa-database fa-lg" style="color: #006666;">&nbsp;&nbsp;</i>Data | Kilobits
       </button>
     </h5>
    </div>
    <div id="collapse8" class="collapse" aria-labelledby="headingEight" data-parent="#accordion">
            <div class="card-body pt-3 pb-0">
                  <ul class="listNumbers">

            <li><a id="376" href="/Data/abc.php">Article 1</a></li>
                        <li><a id="377" href="/Data/xyz.php">Article 2</a></li>
                   
               </ul>
         </div>
      </div>
</div>

我试图防止手风琴类别折叠，但是当我单击内部链接（锚元素）时，它会打开新页面，但引导手风琴章节折叠。我需要这方面的帮助。谢谢

Answer 1

根据文档，对于需要默认打开的手风琴，

aria-expanded

需要为

true

。