こんにちは、 ゆうやです! 本記事では、jquery.cookie.jsでクリックしたらその要素を一定期間表示させないようにする方法をご紹介します。 例えば、使い方が少し分かりづらいUIのチュートリアルを吹き出しデザインで表示して「OK」ボタンをクリックで非表示にしたり。 はたまた右下のほうに会員登録を促すバナーを設置したりと用途は多岐にわたると思います。 そのようなブロックには「クリックしたら次回以降(一定期間の間)そのページにアクセスした際は表示しない」という処理をすることがあり、そこでjQueryのプラグイン jquery.cookie.jsを使用します。 今回はそんな超便利なjquery.cookie.jsの使い方と表題のサンプルをご紹介します。 それでは参りましょう! 完成イメージの共有先に完成イメージを確認したい方は以下よりご覧になってください(^o^) デモページでサンプルを