Show / hide text

4 years 6 months ago #91550 by ctdh
ctdh created the topic: Show / hide text
I would like to create some information content at the beginning of my survey, but rather than show it all I would like the participant to be able to click a title to display the related information text.

Is there a simple java script I can use?

Which question type do you recommend for doing this?


click this heading to see some information you might want to read
Some information is hidden unless you wan to see it

Thanks for your help


Please Log in to join the conversation.

4 years 6 months ago - 4 years 6 months ago #91556 by Ben_V
Ben_V replied the topic: Show / hide text
Try something like this adding some CSS rules to get it smarter
<div id="MyToggle_link" onclick="$('#MyToggle').toggle('slow',function(){window.scrollTo(0,window.innerHeight+300);});">
Your text [] ... (or button) <input type="button" value="Expand/Collapse ⇅">
</div><!-- Start expand -->
<div id="MyToggle" style="display:none;color:#f55" onclick="document.getElementById('up_down').style.display='none'">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, set eiusmod tempor incidunt et labore et dolore magna aliquam...



EM Variables => | EM Roadmap =>
Last Releases => 2.6x.x | 2.06/2.6.x =>
Demo Surveys => (already included in /docs/demosurveys)
Last Edit: 4 years 6 months ago by Ben_V.

Please Log in to join the conversation.

Did you already participate in our customer survey?

Don't miss your chance for great prices.

Please click here to participate:

Start now

Start now!

Just create your account and start using Limesurvey today.

Register now