Hiding column#4&6 in a side-by-side Question, only revealing it when previous column is selected

1. Hiding the columns isn't a good option. Since you'll have to either hide or show the entire column, selecting yes on any one of the options will necessitate showing the entire column.


2. I would recommend enabling/disabling the text input field based on the answer given. Here's a demo: https://iima.au1.qualtrics.com/jfe/preview/previewId/6caf466c-0db6-4964-a292-5ac372c61942/SV_4UvrcAjPQLSvewS?Q_CHL=preview&Q_SurveyVersionID=current

The JS for the demo above is below.

The arguments to the sbs_column_toggle function at the end can be changed based on your requirement. They follow this order:

(control_column, enable_option, target_column)

1. control_column is the SBS column that is used to enable/disable the target_column


2. target_column is the one that contains the input you want to enable/disable


3. enable_option is the option that will enable the input in the target_column

As shown in the demo above, you can use a column to control multiple other columns. In the demo, column 3 is being used to control columns 4 and 2. If option 1 is selected, column 4 will be enabled, if option 2 is selected, column 3 will be enabled.
Hope this helps.
Thanks.
Qualtrics.SurveyEngine.addOnReady(function () {
    const quest = this;
    const qc = quest.questionContainer;


    const sbs_column_toggle = function (control_column, enable_option, target_column) {
        const control_options = qc.querySelectorAll(".Choice .SBS" + control_column);
        const enable_column = control_options[enable_option - 1].classList[1];


        disable_all(target_column);


        control_options.forEach((item) => {
            item.addEventListener(
                "click",
                (el) => {
                    let target_row;
                    el.target.ancestors().forEach((item) => {
                        if (item.classList.contains("Choice")) {
                            target_row = item;
                        }
                    });
                    const row_control = target_row.querySelector("." + enable_column);
                    const row_target_column = target_row.querySelectorAll(".SBS" + target_column);
                    setTimeout(() => {
                        if (!row_control.querySelector(".q-checked")) {
                            row_target_column.forEach((cell) => {
                                cell.disabled = true;
                                cell.style.opacity = "0.5";
                                cell.style.pointerEvents = "none";
                                cell.querySelectorAll(".q-checked").forEach((button) => button.classList.remove("q-checked"));
                            });
                        } else {
                            row_target_column.forEach((cell) => {
                                cell.disabled = false;
                                cell.style.opacity = "";
                                cell.style.pointerEvents = "";
                            });
                        }
                    }, 100);
                },
                false
            );
        });
    };


    const disable_all = function (target_column) {
        const all_inputs = qc.querySelectorAll(".Choice .SBS" + target_column);
        all_inputs.forEach((cell) => {
            cell.disabled = true;
            cell.style.opacity = "0.5";
            cell.style.pointerEvents = "none";
            cell.querySelectorAll(".q-checked").forEach((button) => button.classList.remove("q-checked"));
        });
    };


    sbs_column_toggle(3, 1, 4); // Selecting option 1 of column 3 enables column 4
    sbs_column_toggle(5, 1, 6); // Selecting option 1 of column 5 enables column 6
    sbs_column_toggle(3, 2, 2); // Selecting option 2 of column 3 enables column 2
});