[ARCHIVED] Can I create an accordion or collapsible in HTML?

[jsward]

When I create pages for learning statistics in Canvas, there is often a lot of content on one page, so the page is long and probably challenging to work with. I'd like to make something like an accordion or expandible in the page to hide content. 

Here's an example of what I want to do: 

How To Create an Accordion 

The problem is the code won't work when I copy/paste it into a Canvas page. What/Is there a workaround for this?

Thanks!

Jennifer

[Bobby2]

Hi  @jsward  Welcome to the Canvas Community.

Great question!

I have found the Canvas Hacks course that  @kmeeusen  put together great for this kind of HTML thing.

Here's the info to self enrol https://community.canvaslms.com/message/7260-canvashacks-classroom 

I hope it has the answers you are after. I'm sure you will find other goodies in there too. 

Sing out if you need a hand. 

[jsward]

Thanks for the resource, Bobby! 

I check out the Canvas Hacks course and did find some cool things to add to my class. The hacks given didn't match exactly what I wanted to do, but I'm going to keep looking and asking around.

[Bobby2]

I will keep an eye out for you too. 

Glad it was of some use to you though  @jsward .

[jsward]

 @Bobby2 ‌ I replied to my original message with a possible solution.

[jsward]

My school Canvas team found this for me, and I thought I would share. It doesn't totally achieve my goal, but it's pretty good!

https://community.canvaslms.com/thread/7209