指定の日付(もしくは日時)以降になったらHTMLの表示内容を書き換えるjQueryプラグイン、「xday.js」を紹介します。 指定日になったらJavascriptを用いてCSSのdisplayプロパティを切り替えるだけですので、コードを見られてしまうと指定日以前に内容を確認できてしまいます。カジュアルな切り替え機能として利用してみてください。 1.設置方法 (1) コンテンツの用意 「指定日前に表示するコンテンツ」と「指定日以降に表示するコンテンツ」をHTMLでコーディングします。指定日前に表示するコンテンツにはクラス名で「xday-before」を、指定日以降に表示するコンテンツにはクラス名で「xday-after」をつけます。 CSSでxday-afterを非表示にしておきます。 .xday-after { display: none; } (2) ダウンロード GitHubのサイト
![指定日以降になったら表示内容を切り替えるJavascript「xday.js」](https://cdn-ak-scissors.b.st-hatena.com/image/square/2446d4c4f49ed868273b7dd9ec9b9caf12ff6d03/height=288;version=1;width=512/https%3A%2F%2Fblog.aroundit.net%2Fwp-content%2Fuploads%2Fsites%2F2%2F2014%2F09%2Fxday.png)