How to Build Accordion Interactions in Storyline 360

---

Adding interactivity to your courses is simple and easy with Storyline 360. In this webinar, you’ll learn how to build an accordion interaction so you can add interactivity to your courses in no time.

• Examples of accordion interactions in e-learning
• Project 1: Build a multi-slide accordion
• Project 2: Build a single-slide accordion
• Summary and next steps

Common Questions

• Require Learners to Click All Buttons in Accordion Interactions

Resources

• Storyline 360: Working with Triggers
• Storyline 360: Adding and Editing States
• Storyline 360: Working with Layers
• Storyline 360: Working with Button Sets

E-Learning Challenges

• Using Accordion Interactions in E-Learning (2023) #403: Challenge | Recap
• Using Accordion Interactions in E-Learning #350: Challenge | Recap (2021)
• Accordion Interactions in E-Learning #227: Challenge | Recap (2019)
• Accordion Interactions in E-Learning #147: Challenge | Recap (2016)

Examples

• Investing for Net Zero designed by Fabian Koeninger
• Animated Icon Accordion designed by Daniel Alessi
• Simple Accordion Interaction Template by Montse
• Food Supply Accordion designed by  Jodi Sansone
• 5 Facts About Accordions designed by Jonathan Hill
• Five Key Domains designed by  Samuel Apata
• Animated Accordion designed by   Mark Weingarten
• Accordion Blocks in Rise designed by  Susan Schleef

Downloads

• Accordion Template: Example | Download
• 6-Tab Animated Accordion: Example | Download
• 5-Panel Accordion Interaction: Example | Download
• Image Gallery Accordion: Example | Download
• Accordion Interaction Gallery: Example | Download
• Vertical and Horizontal Accordion: Example | Download
• Tabcordion with Scrolling Panel: Example | Download

Next Steps

• Download the practice files and build a simple accordion interaction. If you get stuck or have questions along the way, post in the forums and we'll help you out.
• After you create your accordion interaction, share your work in the accordion challenge and we'll include your work in the recap post.