Добавление Cookie в Age Verification Popup

Question

Я не очень разбираюсь в JavaScript или jQuery, но я создал всплывающее окно для проверки возраста. Мне нужно добавить файлы cookie к моей функции «да», чтобы всплывающее окно не показывало, посещает ли пользователь в течение 7 дней. Вот codepen

Я исследовал достаточно, чтобы знать, что я должен использовать js-cookie. Просто не знаю, как реализовать. Это все, что у меня есть.

<!--HTML--> 
<div class="popup"> 
    <div class="popupWindow"> 
      <div class="popup_txt"> 
      <div class="row"> 
      <center><img src="images/logo.png" class="img-responsive" width="400px"></center> 
      </div> 
      <hr style="border-top: 1px solid #000;"> 
      <div class="row"> 
        <h2>Where You Born Before</h2> 
        <h1 class="text-center"><span id="date"></span>?</h1> 

      <div class="popup_img answer"> 
        <button class="popup_img_yes btn btn-primary btn-lg">Yes</button> 
        <button class="popup_img_no btn btn-primary btn-lg">No</button> 
        </div> 
      </div> 
    </div> 

jQuery(document).ready(function($) { 
jQuery(".popup_img_yes").click(function(){ 
jQuery(".popup").fadeOut(1200); }); 
}); 

Я предполагаю, что мне нужно использовать как-то следующее:

Cookies.set('name', 'value', { expires: 7 }); 

Answer 1

Вот пример того, как она могла бы работать:

var Cookies2 = Cookies.noConflict(); 
 

 
$(".popup_img_yes").click(function() { 
 
    $(".popup").fadeOut(1200); 
 
    Cookies2.set('name', 'value', { expires: 7 }); 
 
});

<!--HTML--> 
 
<div class="popup"> 
 
    <div class="popupWindow"> 
 
    <div class="popup_txt"> 
 
     <div class="row"> 
 
     <center> 
 
      <img src="images/logo.png" class="img-responsive" width="400px"> 
 
     </center> 
 
     </div> 
 
     <hr style="border-top: 1px solid #000;"> 
 
     <div class="row"> 
 
     <h2>Where You Born Before</h2> 
 
     <h1 class="text-center"><span id="date"></span>?</h1> 
 

 
     <div class="popup_img answer"> 
 
      <button class="popup_img_yes btn btn-primary btn-lg">Yes</button> 
 
      <button class="popup_img_no btn btn-primary btn-lg">No</button> 
 
     </div> 
 
     </div> 
 
    </div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://github.com/js-cookie/js-cookie/blob/master/src/js.cookie.js"></script>