Closed johrstrom closed 2 years ago
It is doable with inline HTML in the markdown, using https://getbootstrap.com/docs/3.3/javascript/#collapse with a hyperlink around the title, and adding the font awesome chevron-right and chevron-down in before
as a pseudo-element (https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements) when the class "collapsed" or not is added to the link (thats what bootstrap does).
This is the type of thing that should be held off till we upgrade to Bootstrap 4 since it would likely have to change after the upgrade.
Basically its implementing the approach https://www.w3.org/TR/wai-aria-practices-1.1/examples/disclosure/disclosure-faq.html but utilizing Bootstrap's Collapse plugin
Note while this is doable, it might be a good idea to first identify how many concurrent interactive app sessions users usually run. My guess is 1. If it is 1, then it may be preferable to not have the progressive disclosure for the embedded FAQ.
It'd be real nice if the instructions for loading modules were progressively disclosed so folks can see it and minimize it. I'm not sure if this is possible but could be.