「アコーディオン（トグル）」「FAQ」ブロックで1つだけ開き他を閉じる方法

以下の手順で設定します。

1. 複数の「アコーディオン（トグル）」ブロックを選択し「グループ化」とします。

以下のコードをjavascript.jsに追加します。

jQuery(function ($) {
  // 各グループの初期化
  $('.wp-block-group').each(function () {
    // グループ内にある1番目の「アコーディオン（トグル）」を開く
    $('.toggle-box input[type="checkbox"]:first', this).prop('checked', true);
  });

  // 「アコーディオン（トグル）」クリックの場合
  $('.toggle-box input[type="checkbox"]').on('click', function () {
    // クリックされたチェックボックスが属する親のブロックグループを取得
    var $parentGroup = $(this).closest('.wp-block-group');

    // 同じグループ内にあるクリックされたもの以外のは閉じる）
    $('.toggle-box input[type="checkbox"]', $parentGroup).not(this).prop('checked', false);
  });
});

「アコーディオン（トグル）」ブロックと同様です。

以下のコードをjavascript.jsに追加します。

jQuery(function ($) {
  // DOMツリーの構築が完了したタイミングで「FAQ」の初期化とイベント設定を行う
  $(document).ready(function () {
    const $questions = $('.is-style-accordion > .faq > .faq-question');

    // 各グループの初期化
    $('.wp-block-group').each(function () {
      const $accordionFaqs = $(this).find('.is-style-accordion > .faq');

      // グループ内にあるすべての「FAQ」を閉じる
      $accordionFaqs.find('.faq-question').removeClass('active');
      $accordionFaqs.find('.faq-answer').hide();

      // グループ内における1番目の「FAQ」を開く
      $accordionFaqs.find('.faq-question').eq(0).addClass('active');
      $accordionFaqs.find('.faq-answer').eq(0).show();
    });

    // 「FAQ」をクリックした処理
    $questions.off('click').on('click', function (e) {
      // 要素本来のクリック挙動を無効化する
      e.preventDefault();

      const $this = $(this);
      const $group = $this.closest('.wp-block-group');

      if ($group.length) {
        const $siblingFaqs = $group.find('.is-style-accordion > .faq');

        // 同じグループにあるクリックされたもの以外を閉じる
        $siblingFaqs.find('.faq-question').not($this).removeClass('active');
        $siblingFaqs.find('.faq-answer').not($this.next()).hide();
      }

      // クリックされた「FAQ」を開閉
      $this.toggleClass('active').next('.faq-answer').toggle();
    });
  });
});