Instead of custom code, you can simply make use of multi choice question with blank question text and a single option that says "See a cat". Then you can make use of skip or branch logic to show the descriptive "question" with a dog picture.
Thanks, though I would need to find a more straightforward solution as I would use the same code to get back to the question.
In your question, add a button with some id.
Use JS to move this element to the "Buttons" container:
document.querySelector("#Buttons").insert(document.querySelector("#cat_button")
Hide the dog question onload using JS:
this.questionContainer.hide()
Assign an onclick attribute to the cat button to toggle visibility of the questions:
document.querySelector("#cat_button").onclick = function () {
document.querySelectorAll("[id^=QID]:not(.Separator)").forEach((quest) => {
if (quest.style.display == "none") quest.show();
else quest.hide();
});
};
