The LimeSurvey Fund-Raiser 2012 is complete. Thank you for donating a total of 25,000 USD!     List of donors »

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Show / hide text

Show / hide text 4 months 1 day ago #91550

  • ctdh
  • ctdh's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 5
  • Karma: 0
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?

Example:

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

Charles
The administrator has disabled public write access.

Re: Show / hide text 4 months 1 day ago #91556

  • Ben_V
  • Ben_V's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 735
  • Thank you received: 136
  • Karma: 43
Hello,
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...
</div>

Ben/
Benoît

goo.gl/Bw5iM => Recherche GG dans le forum français (remplacer "exemple" dans la barre de recherche)
goo.gl/WX8PH => GG search for english forum (Replace "example" in the search bar)
goo.gl/IxiGu => Búsqueda en el foro en español (Cambiar "ejemplo" en la barra de...
Last Edit: 4 months 1 day ago by Ben_V.
The administrator has disabled public write access.
  • Page:
  • 1
Moderators: DenisChenu, ITEd
Time to create page: 0.217 seconds
Donation Image