Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Adding Collapsible (accordion) texts

I would like to include some large amount of texts in the survey as expandable/collapsible texts (by clicking on the heading).

I tried to use

<button class="accordion"><b>Aim of the survey</b></button>
 <div class="panel">
  <p> large amount of texts </p>
</div>



Together with CSS  such as:
<style type="text/css">

div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}

</style>



However, this doesn't work. Only the heading 'Aim of the survey' appears without the actual texts collapsed.
Would there be any way to include collapsible texts in a 'text' page?
asked Dec 4, 2017 by JY

1 Answer

0 votes
jQuery UI has an accordion tool that can handle this objective for you:

https://jqueryui.com/accordion/
answered Dec 4, 2017 by Zachary Platinum Sawtooth Software, Inc. (91,100 points)
...