Hi,I’m trying to get a matrix question that’s in accordion/mobile view to collapse the last row when a value is entered (like it already does for all the other rows). I found a super helpful answer here, which uses this code: var $this = jQuery(this.questionContainer); var isMobile = jQuery(".QuestionBody", $this).is(".mobile"); jQuery(".ChoiceRow input[id][name]", $this).on("change", function () { if (isMobile && jQuery(this).closest(".ChoiceRow").nextAll(".ChoiceRow").length === 0) { jQuery(this).closest(".ChoiceRow").find("th[id]").click(); } });This works great for me, except for one minor thing -- when the user hits the next button, the last row expands again. This happens regardless of whether I add the code to ‘addOnReady’ or ‘addOnLoad.’Any suggestions on how to keep the last row from re-expanding would be greatly appreciated - thanks -

Hi @VinceBirdy@rochak_khandelwalThe below is working okay for me - it hides the elements of the last statement with CSS when the next button is clicked:var $this = jQuery(this.questionContainer);var isMobile = jQuery(".QuestionBody", $this).hasClass("mobile");var lastRow = jQuery(".ChoiceRow.bottom", $this);jQuery(".ChoiceRow input[id][name]", $this).on("change", function () { if (isMobile && jQuery(this).closest(".ChoiceRow")[0] === lastRow[0]) {lastRow.find("th[id]").click();}});jQuery("#NextButton").on("click", function () {if (isMobile) {lastRow.find("td").css({ "visibility": "hidden", "height": "0px", "padding": "0px", "border": "none"});}});

It still works for me. Make sure you published the survey. Give a try again.

Collapsing last row of matrix question in mobile/accordion view

Collapsing last row of matrix question in mobile/accordion view | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded