4 Accordion Examples to Inspire Your Next E-Learning Project

Sometimes, when you’re looking through a project, you might notice a slide that’s a bit busy. You have a lot of information on a single topic and you’re not quite sure how to break it up. What’s an instructional designer to do? An accordion interaction can be a useful tool in these cases. It helps you present high-level information in a simple, uncluttered way, and invites learners to dig into the details.

The E-Learning Heroes community has lots of great accordion interactions. We’ve picked a couple of our favorites to share with you, and provided a download to help you get started building your own.

• Jackie Van Nice builds an accordion interaction into a virtual book in this example.
• This accordion interaction by Richard Watson features facts and photos for different zoo animals.
• Oleg Miroshensky takes you on a virtual tour of Cuba with this fun accordion interaction.
• Try building an accordion interaction for yourself with this download from Brandon Lynn featuring a sliding transition animation.

Follow us on Twitter and come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any questions, please share them in the comments.