30+ Examples of Accordion Interactions for E-Learning Designers

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

This week’s challenge asked course designers to share creative ideas for using accordion interactions in e-learning. Examples include accordions with sliders, embedded quizzes, image zooms, and much more! Thanks to everyone who shared an example, download, or feedback this week!

Montse Anderson

Montse Anderson

View & download | Montse Anderson | Website | @mLearning

Matthew Guyan

Matthew Guyan

View project | Download | Matthew Guyan | Website | @MattGuyan

Allison Goldthorpe

Allison Goldthorpe

View project | Learn more | Allison Goldthorpe | Website

Jeff Kortenbosch

Jeff Kortenbosch

View project | Download | Jeff Kortenbosch | Website | @elearningjeff

Ashi Tandon

Ashi Tandon

View & download | Ashi Tandon | Website | @ashi_tandon

Ashi Tandon

View & download | Ashi Tandon | Website | @ashi_tandon

Tracy Carroll

Tracy Carroll

View project | Learn more | Tracy Carroll | Website | @1tracycarroll

Jackie Van Nice

Jackie Van Nice

View project |  Jackie Van Nice | @jackietrains

Sujatha Jagdeep

 Sujatha Jagdeep

Sujatha Jagdeep

Alexander Salas

Alexander Salas

View project | Learn more & download | Alexander Salas | Website | @stylelearn

Niels Rop

Niels Rop

View project | Niels Rop | Website

Richard Watson

Richard Watson

View project | Learn more | Richard Watson | Website | @rwatsonID

Dan Graham

Dan Graham

View project | Download | Dan Graham | Website | @EzLearnin

Linda Lorenzetti

Linda Lorenzetti

View project | Linda Lorenzetti | Website | @lindalor

Kartik Tyagi

Kartik Tyagi

View project | Learn more | Kartik Tyagi | @kartik88

Jaipreet Singh

Jaipreet Singh

Jaipreet Singh

Nick Russell

Nick Russell

View project | Nick Russell | Website

Brandon Lynn

Brandon Lynn

View project | Download | Brandon Lynn

Ridvan Saglam

Ridvan Saglam

View project | Ridvan Saglam | Website | @rbsaglam

Anne Seller

Anne Seller

View project | Anne Seller | Website | @LifeScienceLSI

Nick Russell

Nick Russell

View project | Nick Russell | Website

Joshua Stoner

Joshua Stoner

View project | Download | Josh Stoner | Website | @joshuastoner

Nancy Woinoski

Nancy Woinoski

View project |  Nancy Woinoski | Website | @pinchedhead

Savneet Singh

Savneet Singh

View project | Savneet Singh | Website | @exelinisd

David C

David C

David C | Website

Aman Vohra

Aman Vohra

View project | Aman Vohra | Website

Dianne Hope

Dianne Hope

View project | Learn more & more | Dianne Hope | Website | @DianneHope

Emily Bramley

Emily Bramley

View project | Emily Bramley

Alex Vostretsov

Alex Vostretsov

View project | Alex Vostretsov | Website

David Tait

David Tait

View project | Learn more & download | David Tait | Website | @4ptLtd

Celeste Glenn

Celeste Glenn

Celeste Glenn

Oleg Miroshensky

Oleg Miroshensky

View project | Oleg Miroshensky | Website

Avinash Sharma

Avinash Sharma

View project | Avinash Sharma | Website

Lili Seram

Lili Seram

View project | Lili Seram

Alicia Pennington

Alicia Pennington

View project | Alicia Pennington

Jennifer Murberg

Jennifer Murberg

Jennifer Murberg

Niyeda Suliveres

Niyeda Suliveres

View project | Niyeda Suliveres | Website | @learningvitamin

Shawn Woodworth

Shawn Woodworth

Shawn Woodworth

Veronica Budnikas

Veronica Budnikas

View project | Download | Veronica Budnikas | Website | @verobudnikas

Nejc Žorga Dulmin

Nejc Žorga Dulmin

View project | Learn more | Nejc Žorga Dulmin | Website | @nejcd

La Shaunda Webb

La Shaunda Webb

View project | La Shaunda Webb

Sam Zimmer

Sam Zimmer

View project | Sam Zimmer

Phil Eagles

Phil Eagles

View project | Phil Eagles | Website

New to the E-Learning Challenges?

The weekly 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.

If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure. If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Share Your Accordion Interaction Examples!

The accordion challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.

Accordion Interaction Examples