nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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

RahulBagga

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

How does "Participation: Course" + manually input start/end dates play with Course Pacing?
Hoping someone can explain for me. We're using pacing to avoid manually dating regular assignments each quarter, but the dates I see are based on when the course was instantiated, while students see dates based on when they were added to the course by [backend software I don't know anything about, presumably]. If I set…
Duplicate user being created in Canvas / Catalog
Has anyone else had issues with an influx of duplicate users in Canvas? Ours is currently in the form of an email that already exists, becoming a new user - and not automatically merging with the user ID with the same email that also is linked to our SIS ID correctly as well. For example, user 1 is xyz@gmail.com without a…
Enhancing Collaborative Evaluation Workflows Using Canvas Portfolios
Canvas Portfolios provide a powerful platform for students to document their learning journey, reflect on their progress, and showcase competencies. However, in programs where multiple educators are involved in assessment—such as team teaching, moderation, or competency-based evaluation—there are important questions about…
Student moved from one Tag to another but can see both Canvas Pages
I have a student that was in a tag called "ac" and recently moved him to a different tag, "AC." I did ensure the old tag was removed; however on a canvas PAGE he sees both pages the "ac" and "AC" Canvas Pages. I removed the assigned tags to the page and the one tag to the student thinking maybe if I remove and reassign…
Sharing Showcase Portfolio Outside Organization
Started testing the new Portfolio today. Our K-12 district is new to Canvas and never implemented a portfolio solution. I was testing the share as a studnet using the 'Anyone can view link' to an outside user = does not have a login ID for our instance of Canvas. As the outside user, I am able to open and read the…