Here's my code.
<div id="d4" style="text-align: center;"><span style="font-size:22px;"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="background-color:#ffffff;">Three other participants said it is appropriate.</span></span></span></div>
<div style="text-align: center;"> </div>
<div id="d5" style="text-align: center;"><span style="font-size:22px;"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="background-color:#ffffff;">Three other participants said it is inappropriate.</span></span></span></div>
<div style="text-align: center;"> </div>
<div id="d1" style="text-align: center;"><span style="font-size:22px;"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="background-color:#ffffff;">Jacob is on the city sidewalk cycling.</span></span></span></div>
<div style="text-align: center;"> </div>
<div id="d3" style="text-align: center;"><font face="Arial, Helvetica, sans-serif"><span style="font-size: 18px;">The scenario is...</span></font></div>
<div style="text-align: center;"> </div>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
var rand = Math.random(); // generates an int of 0 or 1
if (rand < 0.5){
$('#ls-button-submit').hide();
$("#d2").hide();
$("#d3").hide();
$(".answer-container").hide()
$("#d4").show();
$("#d1").hide();
$("#d5").hide();
setTimeout(function () {
$('#d1').show();
$('#d4').show();
}, 3000);
setTimeout(function () {
$('#d1').hide();
$('#d2').show();
$('#d3').show();
$('#d4').show();
$(".answer-container").show();
$('#ls-button-submit').show();
return("appropriate");
}, 8000);
} else {
$('#ls-button-submit').hide();
$("#d2").hide();
$("#d3").hide();
$(".answer-container").hide()
$("#d5").show();
$("#d4").hide();
$("#d1").hide();
setTimeout(function () {
$('#d1').show();
$('#d5').show();
}, 3000);
setTimeout(function () {
$('#d1').hide();
$('#d2').show();
$('#d3').show();
$('#d5').show();
$(".answer-container").show();
$('#ls-button-submit').show();
return("inappropriate");
}, 8000);
}
});
</script><script type="text/javascript" charset="utf-8">
$(document).on('ready pjax:scriptcomplete',function(){
if($.trim($('#question{QID} textarea:eq(0)').val()) == '') {
$('#question{QID} textarea:eq(0)').val(new Date());
}
$('#question{QID} .answers-list').removeClass('col-sm-6');
$('#question{QID} .text-item').hide();
});
</script>
But when I extract my data, I can see the text to both my conditions, so there's no way of knowing in which condition the participant was placed in.
The topic has been locked.