Example
Code Block Accordion w/ Video Player
I opted to go full custom code block for this one. My accordion consists of 14 statements that might resonate with a subject matter expert who has been asked to develop and deliver training.
Clicking each statement operates like a typical accordion by expanding and showing more content. In this case, the content includes several buttons that let the user explore a quick solution, or mark the scenario as not applicable to them. Additionally, they can even go deeper on the content and load a short video on the topic.
The full accordion sits inside a single custom code block.
Enjoy!
Link to Course Demo
1 Reply
This is impressive. And a great way to include video content without making it compulsory or overwhelming. (Note to self: start learning code!)
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.