タブ

タブ要素を特定し、変数に格納します。
タブ要素の１番目の子要素をトリガー要素のまとまり、２番目の子要素をコンテンツ要素のまとまりとしてそれぞれ変数に格納します。
childrenで取得した値はそのままでは反復処理ができないため、Array.from()で配列に変換します。

コンテンツ要素は反復処理で一度全て非表示にしておきます。

表示状態を切り替える関数を定義します。
引数には何番目を表示・非表示にするか？という値を受け取ります。
この引数を利用して、トリガー要素はアクティブクラスの付け替え、コンテンツ要素はdisplayスタイルで表示の切り替えを行います。

現在のアクティブなタブ番号を保持する変数を用意します。
初期状態では１番目が選択されるように0を設定し、関数activateを呼んで１番目を表示しておきます。

全てのトリガー要素にクリックイベントを設定するため、反復処理を行います。
表示切り替え関数を呼び出すとともにactiveIndexを更新します。