Estoy tratando de configurar una cookie usandojQuery Cookie para que se muestre una alerta para los nuevos visitantes y cuando haga clic en el botón "cerrar" se establecerá una cookie y evitará que se muestre el div de alerta. También quiero hacer que la cookie caduque después de 24 horas.

He jugado un poco de código y lo puse a funcionar, sin embargo, de la forma en que lo tengo en este momento, el div de alerta se muestra por defecto y solo se oculta una vez que haces clic en cerrar. Esto está bien, pero cuando existe la cookie, la alerta se muestra durante una fracción de segundo antes de ocultarse.

¿Cómo modificaría el siguiente código para poder ocultar el div por defecto? Si la cookie no existe, se mostrará, pero si presionan el botón de cerrar, generará una cookie y ocultará la alerta durante 24 horas. ?

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