cancel
Showing results for 
Search instead for 
Did you mean: 
gailc
Community Participant

Accordion code

Looking to create an accordion menu similar to below screenshot using HTML. Any suggestions would be appreciated.

accordion

accordion

13 Replies
gailc
Community Participant

Thanks, I'm not a developer - is there HTML that would work for this?

robotcars
Community Champion

Unfortunately not. The only way to make this work is a combination of HTML and JavaScript.

Here are some plug-n-play options, might cost.

Accordion | H5P

E-Learning Software and Authoring Apps - Articulate

ronmarx
Community Contributor

Accordions (2 types) and tabs are basic features of #Cidi_Labs #cidi_labs#design tools‌ SaaS product. Very elegant and customizable so overall design themes are maintained. A Google search will show you their website.

gailc
Community Participant

Expander functionality would be great. Assuming there is a cost to grab code?

https://cidilabs.instructure.com/courses/102/pages/add-accordion-panels-and-tabs

akinsey
Community Contributor

This just changed my day. Thank you carroll-ccsd‌!

robotcars
Community Champion

Cool! Which option are you considering?

akinsey
Community Contributor

I plan to try to use the Collapsible Sections as a template. That way, I can use a <template> tag when I want to the accordions to work rather than every time there's an <h3> it shows up like an accordion. That's the theory, at least.

robotcars
Community Champion

I'd love to know how your progress goes getting this into Canvas. Please let me know and/or post your progress and maybe we can collaborate on it.