Ajuda na programação, respostas a perguntas / Javascript / Como configurar o jQuery Cookie em um pouso dividido 50/50? - javascript, jquery, cookies, sessão-cookies, jquery-cookie

Como faço para configurar o cookie da jQuery em um pouso dividido em 50/50? - javascript, jquery, cookies, cookies de sessão, jquery-cookie

Eu mergulhei no jQuery e javascript a partir deatrasado e precisa de ajuda em um determinado projeto. A intenção é fazer com que os visitantes acessem uma página e haja 50% de chance de que eles vejam a caixa de conteúdo div. Os outros 50% verão div content-box-video. Depois de visualizarem essa div, eles receberão um cookie sobre eles, para que, quando visitarem a mesma página no futuro, vejam a mesma div em que desembarcaram. Isso expirará após 30 dias. Eu tenho usado o jQuery Cookie para isso.

Até agora, eu configurei o Math.random para gerar o número aleatório e exibir a div com a classe especificada com base nisso. Venho descartando o cookie quando cookieValue está definido, mas parece estar preso. Onde estou errado aqui?

Obrigado!

EDITAR
Agora, tudo está funcionando, exceto que o cookie está definidomuito rápido. Ele está lendo a nova "configuração" do cookie antes de perceber se ele já está definido. Onde eu adicionaria um atraso para que o navegador possa verificar se um está apostando primeiro?

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 : "/" });
}