What, Why, and Why Not

One more "chunking" technique is to use what some call "accordions" or interactive components that expand to reveal text and contract to hide it on a page. Typically, text is hidden by default, and it's up to the user to click and reveal the elements that may interest them. This is generally used when there are many brief, optional elements to be presented (as opposed to longer text that all users are expected to read, which would have different section headings or be placed in tabs). One example of using this technique for an FAQ is on page 5.2 of this handbook.

How

The code for this - and manipulating the code to customize it for your use - is probably more advanced than other codes in this appendix. You must do most editing in HTML mode. The CSS labels need to be uniquely updated for each question and corresponding answer. The code below is for one Q&A set. If you were to create multiple additional sets, you could recopy the code, but would need to update where it says "box1" everywhere below to "box2" for the second item, "box3" for the third, and so on. If you didn't want to have the question mark icon show up, you could modify the i class="icon-question" element.

<p class="text-center" style="text-align: left;"><span class="element_toggler btn" title="FactBox" aria-controls="box1" aria-label="Toggler for FactBox1" aria-expanded="false"><i class="icon-question"></i> What if I want to start building a future class prior to the creation of the Canvas course shell? </span></p>
<div id="box1" class="border-round pad-box-mini" style="border: thin solid #191970; display: none;">Request a "sandbox" course - a Canvas course shell that is independent from any given class. You can develop content there and then copy it over to the "real" course once it is created. Choose <strong>Request a new sandbox course site</strong> from the dropdown menu on the website.</div>

Module Home

==>This is the end of the DE Handbook!