Ich habe ein paar Warnmeldungsfelder entwickelt, die auf allen Seiten der Website angezeigt werden.

Der Benutzer kann jedes Feld separat schließen:

$(document).ready(function() {
  $("#close-alert-box-news").click(function() {
    $("#alert-box-news").hide(800);
  });
  $("#close-alert-box-maintenance").click(function() {
    $("#alert-box-maintenance").hide(800);
  });
});

.alert-box {
  width: 50vw;
  position: relative;
  margin: 20px auto;
  border: 1px solid black;
}
.alert-box-close {
  position: absolute;
  top: -12px;
  right: -12px;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>

<article class="alert-box" id="alert-box-news">
  <h1>News Alerts</h1>
  <p>text text text text text text text text text text text text text text</p>
  <a class="alert-box-close" id="close-alert-box-news">
    <img src="http://i.imgur.com/czf8yas.png" height="25" width="25" alt="">
  </a>
</article>

<article class="alert-box" id="alert-box-maintenance">
  <h1>Site Maintenance</h1>
  <p>text text text text text text text text text text text text text text</p>
  <a class="alert-box-close" id="close-alert-box-maintenance">
    <img src="http://i.imgur.com/czf8yas.png" height="25" width="25" alt="">
  </a>
</article>

Nun muss ich sicherstellen, dass die Box, die der Benutzer schließt (kann eine sein, kann beides sein), nicht erneut angezeigt wird, wenn er die Site durchsucht oder eine Seite neu lädt.

Ich denke, ich könnte ein PHP-Cookie so einstellen, dass es in 24 Stunden abläuft. Die meisten verwandten Beiträge auf dieser Website empfehlen jedoch ein JavaScript-Cookie. Leider haben meine Bemühungen, eine JavaScript-Lösung zu implementieren, nicht funktioniert (die Kästchen werden nach dem Schließen wieder angezeigt). Ich habe verschiedene Methoden ausprobiert, wie hier beschrieben:

Was wäre eine einfache Methode, um jede Box für 24 Stunden überall zu verstecken?

Ich bin offen für jQuery, einfaches JavaScript, PHP, Cookies, Sitzungen oder etwas anderes.