jQuery Cookie ausblenden / einblenden div

Ich versuche, ein Cookie mit einzurichtenjQuery Cookie Damit wird eine Warnung für neue Besucher angezeigt. Wenn Sie auf die Schaltfläche "Schließen" klicken, wird ein Cookie gesetzt und die Anzeige der Warnungsdiv verhindert. Ich möchte auch, dass der Cookie nach 24 Stunden abläuft.

Ich habe mit einigem Code herumgespielt und ihn zum Laufen gebracht, aber so wie ich ihn jetzt habe, wird der Alarm-Div standardmäßig angezeigt und erst ausgeblendet, wenn Sie auf Schließen klicken. Dies ist in Ordnung, aber wenn das Cookie vorhanden ist, wird die Warnung für den Bruchteil einer Sekunde angezeigt, bevor sie ausgeblendet wird.

Wie ändere ich den folgenden Code, damit ich das div standardmäßig ausblenden kann und wenn das Cookie nicht vorhanden ist, wird es angezeigt. Wenn sie dann auf die Schaltfläche zum Schließen klicken, wird ein Cookie generiert und die Warnung für 24 Stunden ausgeblendet ?

if ($.cookie('alert')) $('.alert-box').hide();
else {
    $(".close").click(function() {
        $( ".alert-box" ).slideUp( "slow", function() { });
        $.cookie('alert', true);
    });
}

Antworten auf die Frage(1)

Ihre Antwort auf die Frage