AnsweredAssumed Answered

element_toggler

Question asked by Rosie Sasso on Sep 20, 2018
Latest reply on Sep 21, 2018 by Sharmaine Regisford

I am using the element_toggler for an FAQ page according to the Canvas style-guide:

 

<span class="element_toggler" aria-controls="group_1" aria-expanded="true" aria-label="Toggler toggle list visibility" role="button" > <i class="icon-mini-arrow-down"></i> Toggler </span>

 

<ul id="group_1">

<li>item 1</li>

<li>item 2</li>

</ul>

 

However, I'd like for the list to be collapsed upon viewing instead of visible. Changing aria-expanded="true" to aria-expanded="false" does not seem to work.

 

Does anyone have any suggestions? Thanks in advance!

Outcomes