Javascript code for show and hide information | XM Community
Skip to main content
Hi all, I plan to provide information below my question by using a picture after the multiple choice question. I hide the information through Display Logic. I attached the screenshot. If people choose, "yes, show the evidence example", a picture will be shown. !. I would like to ask if it is possible for me to hide the picture again. Some people said to me to use JS code. Can someone help me with what I should put in the Java script code? I am not familiar using javascript. Thank you very much for your help.
Hello @Sherly , Paste the below code in the js(OnReady) of the multichoice question Assuming the first option of multichoice question enables hide/show property of example image question. Also, the page have only two questions i.e Multichoice question and example image question var that=this.questionId; jQuery("#QID2").hide(); jQuery("#"+ this.questionId+" input[type='radio']").on('change',function(){ if(jQuery("[id='QR~"+that+"~1']").prop('checked')){ jQuery("#QID2").show(); }else{ jQuery("#QID2").hide(); } }); Replace "QID2" with the question ID of the example image question
@Sherly, If I understand your question correctly, you don't need JavaScript. Make your "Show the evidence" question multi-select. Then your evidence picture is a descriptive text question with in-page display logic that shows when "show evidence" is selected. When someone unselects "show evidence" the descriptive text question will be re-hidden.
I tried that one! Thanks @TomG and @Shashi !
Terms & ConditionsAccessibility statement