Can I add a Expand all and collapse all accordion in canvas without using CidiLabs?

Hi Team,

I want to add expand all & collapse all accordion template in canvas without using Cidi Labs. Is there any way around for that. If yes, Please help me out.

Find more posts tagged with

Accepted answers

Chris_Hofer

Hi @RahulBagga ...

I thought I'd provide another example for you that might work for your needs. You can find an entire writeup from Sean here:

Accordion menus in Canvas - Instructure Community - 547080 (canvaslms.com)

There's also some older examples, but there is no guarantee that it will work long-term:

I hope these resources will help a bit.

All comments

Beehive

Good Morning,

Thanks for reaching out in the community! I recommend using HTML5 tags for this purpose, and I specifically recommend using the details and summary tags. It's supported in Canvas, and it's much simpler code than conventional accordion code. Additionally, since it's HTML5 and semantic HTML, this also has accessibility benefits.

Let me know if you have more questions on this.

Thank you!

Nathan

Chris_Hofer

Hi @RahulBagga ...

I thought I'd provide another example for you that might work for your needs. You can find an entire writeup from Sean here:

Accordion menus in Canvas - Instructure Community - 547080 (canvaslms.com)

There's also some older examples, but there is no guarantee that it will work long-term:

I hope these resources will help a bit.

paul_fynn

Should be straightforwards in html

Put your title here - limited formatting only no media or other content


Repeat Title here for accessibility purposes - any formatting permitted

Add any RCE content, media, formatting etc.

Unanswered Questions

Learning Mastery Gradebook: assign_outcome_order API Returns Success But Doesn't Persist Column Order
Summary:The Learning Mastery Gradebook allows drag-and-drop reordering of outcome columns, and this triggers a call to /api/v1/courses/:course_id/assign_outcome_order. The API returns 204 No Content (success), but the column order does not persist after page refresh. Steps to Reproduce: Open Learning Mastery Gradebook for…
New Quizzes QTI Import Not Working
We have enabled the automatic migration of Classic to New Quizzes. When we import QTI files, though, they always fail to load as New Quizzes. If we disabled New Quiz Migration, it works. Why does it only work for Classic Quizzes? Are there any guaranteed tools that will generate QTI files that will import correctly as New…
System-wide (global) Notification Defaults
Is it possible to change the system-wide notification defaults for a hosted Canvas instance? Since I can't find a way to do it, nor any reference to doing it, I'm assuming not but wanted to make sure before I give that as an answer.
LockDown Browser & 2‑in‑1 / Tablet Mode Devices (Security Concern?)
Hi everyone, I had a teacher reach out with an odd (and concerning) LockDown Browser issue and wanted to see if others have experienced something similar. A student was taking a quiz using Respondus LockDown Browser on a Chromebook 300e Yoga G4 (8GB), a 2‑in‑1 device that can flip into tablet mode. During the active quiz,…
Gradebook Color Status for Incomplete 2-Part Discussions (Discussion Checking-point)
Hi all, Quick question about the Gradebook color status for a 2-part checkpoint discussion. If a student completes the first due date (initial post) but does not complete the required replies by the second due date, is there any way for Canvas to automatically show a color (e.g., missing/late) instead of staying as…