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

Why can't we add a rubric to an essay question in Quizzes?
Among all the things that I wish Canvas had is that one! Is it something that is been worked on? We had it in Blackboard (legacy) and I sorely miss and need in Canvas (we just transitioned to it from Bb). Please add this very needed feature!
Dropped Scores
I have Canvas set to drop the lowest quiz score, however, my students can only barely tell that the grade text is slightly grey when dropped. Can it have a tag like the "missing" and "exempt" ones in the student gradebook?
Batch edit assignment due dates by section
My Canvas shell has three different sections that all meet at different times throughout the week. I need to be able to batch edit assignment due dates by section, but right now Canvas can't filter by section for batch edit. My only option is now to manually (tediously) edit due dates for each assignment individually.
Change Group Assignments to NOT save if no groups are selected
Morning! One of the more frustrating aspects of Canvas are groups and the issues that show up when copying courses that have them. But now we have yet another issue. Most recently we have had instances where people mark an assignment/discussion as a group assignment but then do not link the discussion or assignment to any…
Has anyone experienced the "Empty Course" page for Speedgrader, when there actually are students assigned and active on the assignment?
So, we have encountered a few assignments where the Speedgrader presents the teacher with the "Empty Course" page, even though the course is not empty. I have discovered two New Quizzes in the same course where this has occurred, despite multiple students being assigned (at Module level, which passes the permission down to…