「タブ」ブロックの初期表示をタブ1以外に設定する方法方法

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

1. 「タブ」ブロックを配置します。
2. 高度な設定→追加CSSクラスに、my-active-2と入力します。
   my-active-の後に、対象となるタブ番号を入力してください。

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

jQuery(function($) {
  $('.cocoon-block-tab').each(function() {
    let match = $(this).attr('class').match(/my-active-(\d+)/);

    // クラス指定がある場合
    if (match) {
      let activeIndex = parseInt(match[1], 10) - 1;

      // 対象のタブをアクティブ
      if ($('.tab-label', this).eq(activeIndex).length) {
        $('.tab-label', this).eq(activeIndex).trigger('click');
      }
    }
  });
});