I would love to have this effect on my Canvas page. I want to click on a module and have the readings from that module "come down". Anyway to get this accordion effect without Administrative status? Thanks.
Hi there, Jeffrey Kritzer and Welcome to the Canvas Community!
Unfortunately, the Accordion effect is no longer supported by the Canvas Style Guide. There has also been many, many discussions about Canvas no longer supporting certain scripts.
With that said, there are other design attributes on the Style Guide that you could use in place of the Accordion. I know it's not the same, but I'm personally very fond of using Tabs in courses.
You can check out the Style Guide (Canvas LMS) and see if there's anything that works for you, given the "warning" above that at any moment, Canvas may no longer support what you choose to use!
I would add that the Style Guide was designed for developers of Canvas, not for end users. The tabs that are described in the Style Guide don't work directly for user pages, you have to use the enhanceable_content class, which was never publicly supported, but many people know about it and have used it. But they do so at their own peril. It's like finding a dealer-only technical manual for an older version of an automobile that has gone through some major revisions and trying to engineer an add-on for the current model. It may work, but it may not either.
New development is happening mostly with the InstUI library for React JS and the Style Guide becomes more and more out of date. The Style Guide is considered an unofficial document and not kept up to date like the other guides.
The official line from Canvas is that if you want any functionality provided by external libraries, that you should load those libraries yourself. By yourself, I mean each institution needs to decide what extra functionality, if any, they are going to support. Then they can load the libraries to support that.
For the time being, jQuery continues to be used by Canvas and so it is included for the web version, but it is not used and not loaded by the mobile apps. jQuery UI is being phased out and Canvas determined that accordions would be the first part to go, probably because they were the least used -- I can't think of a place in Canvas that used accordions -- or possibly the most offensive accessibility-wise. The jQuery UI tabs suffer some accessibility issues as well.
Thanks for chiming in! For the life of me I couldn't remember the specifics when it came to why we shouldn't be using the style guide, other than knowing we shouldn't and wanting to put a friendly warning out there. As always, your insight is much appreciated.
Retrieving data ...