問題タブ [gutenberg-blocks]

Wordpress のプラグイン「Advanced Gutenberg」のアコーディオンを使用しています。デフォルトでは、プラグインは最初のタブを開きます。しかし、すべてのタブが閉じていることを示したいです。そこで、ドキュメントの準備ができたときに最初のアコーディオンを閉じる小さなスクリプトを書きました。

それはうまくいきました。したがって、すべてのアコーディオンはdisplay: noneデフォルトで持っています。しかし、ここで最初のアコーディオンをクリックして開くと、2 回目のクリック後にのみ開きます。他のすべてのアコーディオンは、最初のクリック後に開きます。

何が問題なのか分かりますか?

このグーテンベルクの更新は良さそうに見えますが、ドキュメントに従おうとするとすぐにイライラします。

Google での最初の結果である非常にシンプルなチュートリアルから始めました。ここでやろうとしていることを理解できるように見えるコードがあります。偉大な。

ただし、このコードを機能させるためにどこに置くかについては何も述べていません。

他のチュートリアルはすべて「プラグインをダウンロードして作成します」に関するものですが、私が本当に探しているのはかなり単純なコードの静的ブロックである場合、その巨大なコードのネストを追加したくありませんユーザーをページにドロップさせます。

昔は、functions.php ファイルに短いコードを登録するだけで終わりでした。

誰かが私に説明できますか：

1. この登録コードはどこに置くのですか?
2. この JS コードを参照する場所はどこですか?
3. グーテンベルクがどのように機能するかについての大きな誤解で、どういうわけかこれを行っているとしたら?

ありがとう