Bootstrap 5 にて複数のアコーディオンを設置した際の開く／折りたたむ動作を統一したい

Question

前提・実現したいこと

複数のアコーディオンの開く／閉じる動作を統一させたい。

こんにちは。
Bootstrap 5のアコーディオンを実装しているのですが、公式（https://getbootstrap.jp/docs/5.0/components/accordion/）のアコーディオンの動作は、

・Button「Accordion Item #1」をクリックすると開く
・他のButtonをクリックすると、「Accordion Item #1」は閉じる

つまり１つのブロックに対して１つしか表示されない仕様になっているかと思うのですが、複数のブロックを実装した際、

・Button「Accordion Item #4」をクリックすると開く
・他のButtonをクリックしても「Accordion Item #4」は閉じない

という動作になってしまいます。
どちらでも良いので動作を統一させたいのですが、良い方法をご存知でしょうか。

よろしくお願いいたします。

該当のソースコード（サンプル）

//Accordion1
<div class="accordion" id="accordionExample">
  <div class="accordion-item">
    <h2 class="accordion-header" id="heading1">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
        Accordion Item #1
      </button>
    </h2>
    <div id="collapse1" class="accordion-collapse collapsed" aria-labelledby="heading1" data-bs-parent="#accordionExample">
      <div class="accordion-body">
内容１
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="heading2">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
        Accordion Item #2
      </button>
    </h2>
    <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordionExample">
      <div class="accordion-body">
内容２
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="heading3">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
        Accordion Item #3
      </button>
    </h2>
    <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordionExample">
      <div class="accordion-body">
内容３
      </div>
    </div>
  </div>
</div>


//Accordion2
<div class="accordion" id="accordionExample">
  <div class="accordion-item">
    <h2 class="accordion-header" id="heading4">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
        Accordion Item #4
      </button>
    </h2>
    <div id="collapse4" class="accordion-collapse collapsed" aria-labelledby="heading4" data-bs-parent="#accordionExample">
      <div class="accordion-body">
内容４
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="heading5">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
        Accordion Item #5
      </button>
    </h2>
    <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordionExample">
      <div class="accordion-body">
内容５
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="heading6">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse6" aria-expanded="false" aria-controls="collapse6">
        Accordion Item #6
      </button>
    </h2>
    <div id="collapse6" class="accordion-collapse collapse" aria-labelledby="heading6" data-bs-parent="#accordionExample">
      <div class="accordion-body">
内容６
      </div>
    </div>
  </div>
</div>

試したこと

他機能のJSやCSSが干渉していないか見直す等

補足情報（FW/ツールのバージョンなど）

bootstrap@5.0.0-beta2
Googleスプレッドシート on Google Apps Scriptにて実装

Comments

[yuki84web]

id="accordionExample"が重複していますので、まずはそれを直してみてください。

[feijor]

当方レスポンスが遅くなってしまい、大変申し訳ございません。
ご指摘頂いた通り修正しましたところ、動作の統一が確認できました！（ちなみに複数開くようになりました。）

こちらの質問は解決済みとさせて頂きます。
アドバイス頂きありがとうございました！

[feijor]

もしよろしければ解決済みにさせて頂きたいので、回答としてご投稿頂ければ幸いです。
お手数でしたらこのままクローズさせて頂きます。

Answer 1

idの重複を解決する

<div class="accordion" id="accordionExample1"></div>
<div class="accordion" id="accordionExample2"></div>