AC動作確認

いつもお世話になっておりますm(__)m
ACの件、これまでご説明させていただいたこと、全てお忘れ下さい！
なるべく端的に整理して、お伝えしたいと思います。

下記は正常に動作するACです。input/labelで作成されています。閉じるボタンを押すことで、正常に閉じます。 JSの役割は、閉じるボタンクリック時、behavior: ‘instant’が適用され、block: ‘center’により、画面中央合わせのうえ、ACラベルタイトルクリック時のCSSで、閉じる動作へ瞬時に繋がります。

document.addEventListener('DOMContentLoaded', function () {
    const closeButtons = document.querySelectorAll('.ac-close-button');

    if (closeButtons.length > 0) {
        closeButtons.forEach(button => {
            button.addEventListener('click', function () {
                const accordionId = this.getAttribute('data-ac-close-id');
                const checkbox = document.getElementById(accordionId);

                if (checkbox) {
                    // チェックボックスのチェックを外す
                    checkbox.checked = false;

                    // 対応するlabelを探す
                    const targetLabel = document.querySelector(`label[for="${accordionId}"]`);

                    // スクロール
                    if (targetLabel) {
                        targetLabel.scrollIntoView({
                            block: 'center',    // 画面の中央に合わせる
                            behavior: 'instant'    // スクロール挙動の設定
                        });
                    }

                }
            });
        });
    };
});

実際に操作していただき、ご確認をお願いいたします。

ここはAC展開時における、AC直下の（ACと関係ない）コンテンツがどのように動くか分かりやすくするための文章です。

ラベルタイトルクリック時、以下のCSSの影響を受けます。
height: 0 ⇒ height: auto
padding: 指定なし ⇒ padding: 1.5em;
transition: 指定なし

動きとして、ラベルタイトルクリック後、内包コンテンツのボリュームの高さ分、瞬時に下がります。
ここまでご確認をお願いいたします。

続いて新ACです。details/summarで作成されています。当たり前ですが、閉じるボタンを押しても機能しません。こちら、SEOで有利にしたく、details/summarへ移行しました。CSSの編集理由は、タグ変更に伴うものです。したがって、新旧ACの開閉動作は同じであるべきです。

★上記理由により、閉じるボタンを機能するようにしていただく際も、旧ACと同様の動きとなるイメージでおります。※今となってはbehavior: ‘instant’の方が好ましいです。behavior: ‘smooth’お忘れ下さい！

★JSの構文ボリュームについて、タグをdetails/summarにしただけですので、旧ACと同じくらいなのかな？と、勝手に想像していましたが、蓋を開けますと、長大でビビッています。これが認識齟齬によるのか、避けられない現実なのか気にしています。

ここはAC展開時における、AC直下の（ACと関係ない）コンテンツがどのように動くか分かりやすくするための文章です。

動きとして、ラベルタイトルクリック後、内包コンテンツのボリュームの高さ分、瞬時に下がります。チラッとしたり、点滅したり、残像が残ったり、スライドするような動きは発生しません。ご確認をお願いいたします。

上記で言う、スライドするような動きとは以下の動作イメージです。