Показать случайный DIV при каждой загрузке страницы (для модального модальности)

Я показываю модальное окно fancybox, когда посетитель покидает сайт. Он работает правильно. Но в качестве теста на разделение я хочу показать посетителям случайный контент из 2 разных div при последующих посещениях.

Имея в виду:

1) Когда посетитель 1 приходит и пытается покинуть сайт, он может увидеть fancybox с содержанием 1 или 2

2) Когда посетитель 2 приходит и пытается покинуть сайт, он может снова увидеть fancybox с содержанием 1 или 2

И так далее…

Фактический код модальности fancybox:

<div id="inline" class="various2" style="display:none;"> <div style="padding:20px;"> This is the content of that shows inside the fancybox modal. </div> </div>

Теперь для внутреннего div я хочу поместить другой div с каким-то другим контентом, и один из них должен случайно отображаться на каждой загрузке страницы, а другой – на дисплее: none …

Я пробовал это: Как показать один div из многих, на обновление страницы? Но это не работает и показывает, что оба divs видны …

Может ли кто-нибудь помочь?

EDIT: Ответ на исходный вопрос. Теперь, как я могу показать альтернативный div для каждой загрузки страницы. Не случайно. Что-то вроде посетителей 1,2,3,4 см. Divs 1,2,3,4 соответственно.

Я знаю, что для этого потребуется некоторый код на стороне сервера, может ли кто-нибудь помочь с некоторым базовым кодом php?

По какой-то причине я предпочитаю временную метку по случайности

HTML

 <div id-="fancy_box"> <div id="inline" class="various1" style="display:none;"> <div style="padding:20px;"> This is the content of that shows inside the fancybox modal 1. </div> </div> <div id="inline" class="various2" style="display:none;"> <div style="padding:20px;"> This is the content of that shows inside the fancybox modal 2. </div> </div> </div>

JQuery

 $(function(){ $(".various"+(new Date().getTime() % 2 +1)).css("display", "block"); });

О, и скрипка здесь

Проверьте эту скрипку. Я удалил отображение: нет на вашем div с id inline, чтобы просмотреть результаты

http://jsfiddle.net/bPK8y/

 var value1 = 'my_first_div'; var value2 = 'my_second_div'; var chosenValue = Math.random() < 0.5 ? value1 : value2; var chosenDiv = document.getElementById(chosenValue); chosenDiv.style.display = "block";

HTML

 <div id="inline" class="various2"> <div style="padding:20px; display: none;" id="my_first_div"> This is the content of that shows inside the fancybox modal. CONTENT 1 </div> <div style="padding:20px; display: none;" id="my_second_div"> This is the content of that shows inside the fancybox modal. CONTENT 2 </div> </div>