【Cocoon】サイドバー目次で今読んでいる箇所をハイライト－コピペカスタマイズ

$(function() {

  // ナビゲーションリンクを設定
  // #toc-2: サイドバーの目次ウィジェット
  // li: その各見出し
  // a: そのリンク
  const headerLinks = $('#toc-2 li a');

  // コンテンツの位置情報の配列作成
  // {
  //    top: 各見出しに対応するコンテンツの先頭位置
  //    bottom: 各見出しに対応するコンテンツの終了位置
  // }
  let contentsPos = new Array();

  // contentsPos の初期化関数
  function init() {
    for (let i = 0; i < headerLinks.length; i++) {
      // 見出し i のURL（アンカーポイント・リンク先）を取得
      // 通常「#toc1」のような id属性が得られる
      const headerID = headerLinks.eq(i).attr('href');

      // コンテンツ i の先頭位置
      const top = $(headerID).offset().top - 20;
      // コンテンツ i の終了位置
      // 暫定的に null を入れておく（後で更新）
      const bottom = null;

      // 配列として格納
      contentsPos[i] = { top: top, bottom: bottom };

      // コンテンツの下部の位置を調整
      if (i > 0) {
        // 前のコンテンツの終了位置 = 今のコンテンツの先頭位置
        contentsPos[i - 1].bottom = top;
      }
    };
    // footerの先頭位置を取得
    const footerTop = $("footer").offset().top - 20;

    // 最後のコンテンツの終了位置 = footerの先頭位置
    contentsPos[contentsPos.length - 1].bottom = footerTop;
  }

  // 初期化の実行
  init();

  // 現在位置を確認してコンテンツ位置に対応
  function currentCheck() {
    // 現在のサイト上部からの位置を取得
    const windowScrollTop = $(window).scrollTop();

    // 一旦マークを解除
    headerLinks.parent().removeClass('current');

    // 現在位置が全コンテンツ内にあるかチェック
    if (contentsPos[0].top <= windowScrollTop && contentsPos[contentsPos.length - 1].bottom > windowScrollTop) {
      for (let i = 0; i < contentsPos.length; i++) {
        // 現在位置がコンテンツ i 内にあるかチェック
        if (contentsPos[i].top <= windowScrollTop && contentsPos[i].bottom > windowScrollTop) {
          // class = "current"を aタグの親である li タグに設定
          headerLinks.eq(i).parent().addClass('current');

          break;
        }
      }
    }
  }

  // ロード・スクロール時に見出しをマーク更新
  $(window).on('load scroll', currentCheck);

  // アコーディオンが開閉したら座標更新
  $(document).on('change', 'input.toggle-checkbox', function() {
    setTimeout(init, 350);
  });
	
  // 目次が開閉したら座標更新
  $(document).on('change', 'input.toc-checkbox', function() {
    setTimeout(init, 550);
  });

});