Javascript jQuery Cookie隐藏/显示div

我正在尝试使用设置cookie，以便为新访问者显示警报，当您单击“关闭”按钮时，它将设置cookie并阻止显示警报div。我还想让cookie在24小时后过期

我已经使用了一些代码并使其正常工作，但是，按照我现在的方式，默认情况下会显示alert div，只有在单击close时才会隐藏它。这很好，但是当cookie存在时，警报会在隐藏之前显示一秒钟

我如何修改以下代码，以便在默认情况下隐藏div，如果cookie不存在，则会显示它，但如果他们点击关闭按钮，它将生成cookie并隐藏警报24小时

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

---

默认情况下，您可以使用CSS隐藏警报框，并在没有cookie时使用JavaScript显示警报框：

CSS:

JavaScript:

// if no cookie
if (!$.cookie('alert')) {
    $( ".alert-box" ).show();
    $(".close").click(function() {
        $( ".alert-box" ).slideUp( "slow" );
        // set the cookie for 24 hours
        var date = new Date();
        date.setTime(date.getTime() + 24 * 60 * 60 * 1000); 
        $.cookie('alert', true, { expires: date });
    });
}

---

默认情况下，使用CSS隐藏元素。我如何应用您的代码来回答我的问题：

// if no cookie
if (!$.cookie('alert')) {
    $( ".alert-box" ).show();
    $(".close").click(function() {
        $( ".alert-box" ).slideUp( "slow" );
        // set the cookie for 24 hours
        var date = new Date();
        date.setTime(date.getTime() + 24 * 60 * 60 * 1000); 
        $.cookie('alert', true, { expires: date });
    });
}