Ayuda en la programación, respuestas a preguntas / Javascript / ¿Cómo configuro jQuery Cookie en un aterrizaje dividido 50/50? - javascript, jquery, cookies, cookies de sesión, jquery-cookie

¿Cómo configuro la Cookie jQuery en un aterrizaje dividido 50/50? - javascript, jquery, cookies, session-cookies, jquery-cookie

He estado buceando en jQuery & javascript desdeTarde y necesito ayuda en un determinado proyecto. La intención es que los visitantes lleguen a una página y habrá un 50% de probabilidades de que vean el cuadro de contenido div. El otro 50% verá div content-box-video. Una vez que vean este div, tendrán una cookie sobre ellos para que cuando visiten esta misma página en el futuro, vean el mismo div en el que aterrizaron. Esto expirará después de 30 días. He estado usando jQuery Cookie para esto.

Hasta ahora, he configurado matemáticas.aleatorio para generar el número aleatorio y servir el div con la clase especificada en base a eso. He estado soltando la cookie cuando cookieValue está configurado pero parece que está bloqueado. ¿Dónde me estoy equivocando aquí?

¡Gracias!

EDITAR
Ahora, todo funciona, excepto que la cookie está configurada.muy rápido. Está leyendo la nueva "configuración" de la cookie antes de darse cuenta si ya está establecida. ¿Dónde agregaría un retraso para que el navegador pueda verificar si uno está apostando primero?

var random = Math.random();
var cookieValue = $.cookie("cookie");

if (cookieValue != 1 || 2) {
if (random < 0.5) {
cookieValue = 1;
}
if (random >= 0.5) {
cookieValue = 2;
}
}

if (cookieValue === 1) {
$(".content-box").show();
$(".content-box-video").hide();
$.cookie("cookie", 1, {expires : 30, path : "/" });
}

if (cookieValue === 2) {
$(".content-box").hide();
$(".content-box-video").show();
$.cookie("cookie", 2, {expires : 30, path : "/" });
}