I've got a side-by-side question with 5 statements as shown:Ideally, I'd like to hide (or blank out) Segments 2, 3, 4 and 5 unless "No" is selected for "Have you arrived at home?" in the previous statement (in this case, Segment 1). If "No" is selected in Segment 1, then Segment 2 is shown but Segments 3, 4 and 5 are hidden, unless "No" is selected for "Have you arrived at work?" in Segment 2 ...etc until all 5 segments are visible. Is there any easy way to do this? I tried just standard display logic built into the question for each statement but I don't think that worked because it was within the same question.Thanks!

Okay. Fixed. Check try the updated code.The issue was that Firefox was detecting a click on the dropdown answer also, while Chrome(and its derivates) were not.

Qualtrics.SurveyEngine.addOnReady(function () {quest = this;let qc = quest.questionContainer;let all_rows = qc.querySelectorAll(".Choice");for (let i = 1; i < all_rows.length; i++) {all_rows[i].hide();}let no_id ="." + qc.querySelectorAll(".q-radio")[1].parentElement.className.match(/c\\d+/gm).join();no_id = Number(qc.querySelector(no_id + ":not(th)").querySelector("input").id.split("~")[3]);quest.questionclick = function (ev, el) {if (el.className) {let row = Number(el.id.split("~")[2]);let choice = Number(el.id.split("~")[3]);if (choice == no_id && row < all_rows.length) {all_rows[row].show();} else if (choice == no_id && row == all_rows.length) {alert("Max Rows.");} }};});

Hiding side-by-side statements pending previous statement answer

Hiding side-by-side statements pending previous statement answer | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded