Qualtrics.SurveyEngine.addOnReady(function () {


all_rows = this.getQuestionContainer().querySelectorAll("tr");
that = this;
for (var i = 2; i < all_rows.length; i++){
all_rows[i].hide();
}

this.questionclick = function () {
for (var i = 1; i < all_rows.length - 1; i++) {
var a = that.getChoiceValue(i, 1);
if (a) {
all_rows[i + 1].show();
} else {
that.setChoiceValue(i + 1, 1, false);
that.setChoiceValue(i + 1, 2, false);
all_rows[i + 1].hide();
}
}
};
});

Demo

Hi ahmedA, thank you so much for your response. Your code works perfectly for the Logic Display.
For auto advance, I tried to integrate your code with my code, but it only direct to the next question when the last option (C) has been chosen. May I have the advice on how to adjust it so that the auto advance is on when a "No" is chosen?
Here is my code:
Qualtrics.SurveyEngine.addOnload(function()
{
jQuery("td").click(function(){
if(jQuery(".ChoiceRow").length == (jQuery(".q-checked").length + 1))
{
  jQuery("#NextButton").click()
}
});
});
Thank you for the massive help!

Remove everything in the

else

that.clickNextButton

Thank you ahmedA for your prompt response. I tried adding that.clickNextButton to the else block but it doesn't work. So now the code I am having is:
Qualtrics.SurveyEngine.addOnReady(function () {
all_rows = this.getQuestionContainer().querySelectorAll("tr");
that = this;
for (var i = 2; i < all_rows.length; i++){
all_rows[i].hide();
}
this.questionclick = function () {
for (var i = 1; i < all_rows.length - 1; i++) {
var a = that.getChoiceValue(i, 1);
if (a) {
all_rows[i + 1].show();
} else {
that.clickNextButton
}
}
};
});

sorry.... clickNextButton is a function. You need to add () after it.
So it should be

that.

Thank you ahmedA, however, when () is added, it auto advanced whenever an option is clicked, regardless of Yes or No.
Sorry for taking too much time!

No, it's my fault for not looking into the nitty-gritties. This should do the job for you:
Qualtrics.SurveyEngine.addOnReady(function () {
    all_rows = this.getQuestionContainer().querySelectorAll("tr");
    that = this;
    for (var i = 2; i < all_rows.length; i++) {
        all_rowsii].hide();
    }
    this.questionclick = function (ev, el) {
        var row = Number(el.id.split("~")�2]);
        var choice = Number(el.id.split("~")t3]);
        if (choice == 2 || row == all_rows.length - 1) {
            that.clickNextButton();
        } else if (choice == 1) {
            all_rows�row + 1].show();
        }
    };
});

You can remove

|| row ==all_rows.length-1

Thank you ahmedA! It works perfectly now. Have a great day! :-)