Accordion Interactions in E-Learning #147

Accordion Interactions in E-Learning #147: Challenge | Recap

Accordion interactions are a great way to group a large amount of related content into single slide. 

Similar to tabs interactions, accordions let users explore content using vertical or horizontal layouts.

Accordions can be used to progressively reveal bullet points, quiz questions, module introductions, and summary slides.

Accordion interactions are so easy to build you can use anything from PowerPoint to Storyline. Let’s look at a popular example from our downloads hub:

Horizontal Accordion Template

The accordion interaction was first shared by David Fair. It features multiple tab number variants so that you can quickly adapt it for your course. You can learn more about building this interaction in David’s Word of Mouth blog post.

Horizontal Accordion Template

View the example | Download (Storyline) | Download (PowerPoint)

Challenge of the Week

This week, your challenge is to share an example that demonstrates how accordion interactions can be used in e-learning.

NOTE: Your entry can be anything from a rough concept to a polished example. The challenges are open to everyone, regardless of experience or skill level. If you need technical or creative help with your project, please ask in our forums and reference the challenge number you’re working on.

Last Week’s Challenge:

Before toggle over to this week’s challenge, make some time to check out the interactive timelines your fellow community members shared over the past week:

Interactive Timelines in E-Learning
Interactive Timelines in E-Learning #146: Challenge | Recap

New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

***NOTE: Please don’t use Google Drive or Dropbox to host your projects. Both companies have announced that they’re no longer going to support HTML projects.

You can use our Dropbox file request link to send me your zipped output:https://www.dropbox.com/request/jrqHXAxWwbts234Y4xak. Please include your first and last name and challenge number in the file name: DavidAnderson_122.zip.

237 Comments
Alicia Pennington
Niyeda Suliveres

Hi everyone. I'm new the scene and am super shy to post this but hope i can get some feedback and help. The help i need is because something wonky is happening with my states the last two projects I've worked on. It's shifting things off kilter and I don't believe it's from anything I've done. I had to download a new copy off Storyline when i changed out laptops and that's when it started. Hoping someone from the STAFF can help with this? I tried to get more comfortable with Variables. I included the source file in the resources section of the course. I'm sure someone more experienced could have used less triggers or made it smoother but I did learn some things putting myself out of my comfort zone. ANY AND ALL constructive feedback would be greatly appreciated!!! https://www.thelea... Expand

David Anderson
Sònia Solbes-Godina

Hi David, Here is a zip file that I can open it, but I don't know how to run it. All the files are .xml and I don't know how to play them. I cannot run it neither directly nor through storyline 2. Thank you so much for tour support. Sònia [cid:image005.jpg@01D243D5.228F5700] [cid:image006.jpg@01D243D5.228F5700] Sònia Solbes-Godina HPBU Training Department Boehringer Ingelheim España, S.A. Tel: +34 (93) 40.45.487 Mòbil: +34 696 094 180 (Ext: 35487) www.boehringer-ingelheim.es Aportar valor a través de la innovación Advertencia: La información contenida en este mensaje es sólo para el destinatario al que va dirigido y puede contener información confidencial. Si usted no es el destinatario de este mensaje, suprima por favor este mensaje y notifíqueselo al remitente; no utilice, copie ... Expand

La Shaunda Webb
Yvonne Leklou