【Cocoon】投稿から一定期間だけ表示する新着ナビを作成しました

//ここに追加したいJavaScript、jQueryを記入してください。
//このJavaScriptファイルは、親テーマのJavaScriptファイルのあとに呼び出されます。
//JavaScriptやjQueryで親テーマのjavascript.jsに加えて関数を記入したい時に使用します。

$(function(){
  //NEWリボン用にタグを追加
  $('div.new-navi').append('<span class="ribbon">NEW</span>');

  //表示する期間をミリ秒で指定①
  //下記は3日
  var judge = 3 * (24 * 60 * 60 * 1000);

  //新着記事に含まれる投稿日を取得②
  var post_date = $("div.new-navi .new-entry-card-post-date").html();

  //post_dateをparseでDateに変換
  post_date = post_date.replace(/\./g, '/');
  post_date = new Date(Date.parse(post_date));

  //現在日時との差日を求める
  var today = new Date();
  var diff = today - post_date

  //新着記事のURLを取得
  var post_url = $("div.new-navi .new-entry-card-link").attr('href');

  //表示中の記事のパス
  var pathname = location.pathname;

  //以下の場合、ナビを非表示にする
  //・投稿から指定期間以上経過している場合
  //・表示中の記事が該当の新着記事の場合
  if (diff > judge || post_url.indexOf(pathname) != -1) {
    $("div.new-navi").hide();
  }
});

/* 新着ナビ */
.new-navi {
  position: relative;
  overflow: hidden;

  display: block;
  margin: 15px auto;

  background: #f1f1f1;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
}

.new-navi .new-entry-card-title{
  padding: 5px;
}

.ribbon {
  background: #ec3138;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  width: 400px;
  height: 25px; /* リボンの幅 */

  transform: rotate(-45deg);
  transform-origin: top center;

  position: absolute;
  top: 30px;
  left: -210px;
  padding: 0px 0px 0px 55px; /* NEWの横位置 */

  box-sizing: border-box;
  text-align: center;
}