ドロップダウンリストの値に応じて、グループの表示／非表示を切り替えたい

[nana8]

何を実現したいのかを書きましょう

→ドロップダウンリストの値に応じて、グループの表示／非表示を切り替えたい

発生した問題やエラーメッセージを具体的に書きましょう

→グループの表示／非表示が切り替わらない
最初の「初期値としてフィールドを隠す」から適用されておらず常に表示状態
ドロップダウンの値を変更してもグループへの影響が全くない

実行したコードをコピー＆ペーストしましょう

(function() {
    'use strict';
  
    var events1 = [
        'app.record.detail.show',
        'app.record.create.show',
        'app.record.edit.show',
        'app.record.create.change.main',
        'app.record.edit.change.main'
    ];

    kintone.events.on(events1, function(event) {

      // 初期値としてフィールドを隠す
      kintone.app.record.setFieldShown('groupA', false);
      kintone.app.record.setFieldShown('groupB', false);
  
      
        var mm = event.record['main'].value;
  
        // 選択肢に応じてグループの表示状態を切り替える
        switch (mm) {
          case 'A' :
            kintone.app.record.setFieldShown('groupA', true);
            break;
          case 'B' :
            kintone.app.record.setFieldShown('groupB', true);
            break;
        }
    })
});

ドロップダウンリストはアプリ内に一つだけであり、フィールドコードは ‘main’
グループは二つありそれぞれフィールドコードは ‘groupA’ ‘groupB’
‘main’には’A’,'B’の値をセットしており、初期値は「-----」

理想として、最初はドロップダウンリストのみ表示されている状態であり
選択肢を変更する都度それに応じた（'A’を選択したら’groupA’が表示される）（'B’を選択したら’groupB’が表示される）動作をしてほしいです

昨日から試行錯誤していますが、なかなかうまくいかず、お力添えいただけますと幸いです。
よろしくお願いいたします。

[nana8]

以下の内容に変更したところ実行されました。
たいへんお騒がせ致しました。

(function() {
‘use strict’;

var events1 = [
‘app.record.detail.show’,
‘app.record.create.show’,
‘app.record.edit.show’,
‘app.record.create.change.main’,
‘app.record.edit.change.main’
];

kintone.events.on(events1, function(event) {

// 初期値としてフィールドを非表示に設定
kintone.app.record.setFieldShown('groupA', false);
kintone.app.record.setFieldShown('groupB', false);

var mm = event.record['main'].value;

// 選択肢に応じてグループの表示状態を切り替える
switch (mm) {
  case 'A':
    kintone.app.record.setFieldShown('groupA', true);
    break;
  case 'B':
    kintone.app.record.setFieldShown('groupB', true);
    break;
  // 他のケースにも必要に応じて追加
}

});
})();